CSS 너비 속성

정의와 사용법

width 속성은 요소의 너비를 설정합니다.

설명

이 속성은 요소 내용 영역의 너비를 정의하며, 내용 영역 외부에서는 내간격, 경계선 및 마argins를 추가할 수 있습니다.

행 내 non-replaced 요소는 이 속성을 무시합니다.

자세히 보기:

CSS 강의:CSS 크기

CSS 강의:CSS 프레임워크 개요

CSS 참조 매뉴얼:height 속성

HTML DOM 참조 매뉴얼:width 속성

예제

문단의 높이와 너비를 설정합니다:

p
  {
  height:100px;
  width:100px;
  }

직접 시도해보세요

CSS 문법

width: auto|value|initial|inherit;

속성 값

값 설명
auto 기본 값. 브라우저는 실제 너비를 계산할 수 있습니다.
length px, cm 등의 단위로 너비를 정의합니다.
% 포함 블록(부모 요소) 너비 기반의 백분율 너비를 정의합니다.
inherit 부모 요소에서 너비 속성 값을 상속해야 합니다.

기술 세부 사항

기본 값: auto
상속성: no
버전: CSS1
JavaScript 문법: object.style.width="50px"

TIY 예제

픽셀 값을 사용하여 요소의 너비를 설정
이 예제에서는 픽셀 값을 사용하여 요소의 너비를 설정하는 방법을 보여줍니다.
백분율을 사용하여 요소의 너비를 설정
이 예제에서는 백분율 값을 사용하여 요소의 너비를 설정하는 방법을 보여줍니다.

브라우저 지원

표中的 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5