Ruby Coin

Rails 와 프론트 엔드 기술을 이용해 흥미 위주의 빠른 웹 개발 방법론

width

토픽 Ruby Coin > Development > Front-End > CSS 사전

Summary

블럭레벨 요소의 너비를 지정한다.

<길이> | <백분율> | auto | inherit
기본값 auto
적용대상 비치환 인라인 요소, 테이블의 행/열을 제외한 모든 요소
상속 상속안됨
퍼센테이지 용기블럭의 폭을 참조
미디어 Visual

Value

  • 길이 : 고정된 값을 지정. 음수값은 지정할 수 없다.
  • 백분율 : 부모 요소를 기준으로 계산된다. 음수값은 지정할 수 없다.

Tip

  1. 위에서 말하는 치환 요소란 img, object, input, select, textarea등처럼 안에 내용이 외부의 리소스나 브라우저에 따라 결정되는 인라인 요소를 말한다.
    비치환 요소란 em, strong요소처럼 요소의 내용이 외부의 리소스나 브라우저에 따라 치환되지 않는 인라인 요소를 말한다.
  2. 다음과 같이 사용할 수 있다.
    div {
        width: 500px;
    }

댓글

댓글 본문
  1. 푸른하늘
    10일차 공부 감사합니다