더 "Try it Yourself" 아래의 예.
정의 및 사용
폭 속성은 요소의 너비를 설정합니다.
Note: 폭 속성이 패딩, 테두리, 또는 여백을 포함하지 않는다; 그것은 요소의 패딩 테두리 내부 영역의 폭, 여백을 설정!
Note: 최소 폭 및 최대 폭 속성 폭보다 우선합니다.
기본값: | auto |
---|---|
상속 : | no |
애니메이션 : | yes. Read about animatable Try it |
번역: | CSS1 |
자바 스크립트 구문 : | object .style.width="500px" Try it |
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
재산 | |||||
---|---|---|---|---|---|
width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS 구문
width: auto|value|initial|inherit;
속성 값
값 | 기술 | 플레이 |
---|---|---|
auto | 기본값. 브라우저 폭을 계산 | »플레이 |
length | 픽셀의 폭을 정의, cm 등 | »플레이 |
% | 용기 블럭의 퍼센트 폭을 정의합니다 | »플레이 |
initial | 기본값으로이 속성을 설정합니다. 초기에 대해 알아보기 | »플레이 |
inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
더 예
예
100 픽셀에 <입력 유형 = "텍스트"> 요소의 폭을 설정합니다. 이 포커스를받을 때, 그것은 250 픽셀 와이드합니다
input[type=text] {
width: 100px;
}
input[type=text]:focus {
width: 250px;
}
»그것을 자신을 시도 관련 페이지
CSS 자습서 : CSS 차원
CSS 자습서 : CSS 박스 모델
CSS 참조 : height property
HTML DOM 참조 : width property