width 속성

width 속성은 요소의 너비를 설정합니다. 속성 값은 크기 단위 또는 브라우저가 요소의 크기를 자체적으로 계산하도록 하는(기본 동작) 키워드 auto입니다.

구문

css선택자 {
  width: 값;
}

예제

요소의 너비를 300px로 설정해 봅시다:

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid black;
}

Результат:

예제

요소가 자신의 부모(우리의 경우 브라우저 창) 너비의 70%를 차지하도록 만들어 봅시다:

html<div id="elem"></div>

css#elem {
  width: 70%;
  height: 100px;
  border: 1px solid black;
}

Результат:

함께 보기