Width
개요 : 이 속성은 요소의 넓이(가로 크기)를 지정한다. 블록레벨과 대체된 요소에게 지정할 수 있으나, 인라인 요소에게 지정할 수 없다.
정의
|
width |
설명 |
|
값 |
<길이>| <백분율> | auto | inherit |
|
기본값 |
auto |
|
적용대상 |
대체되지 않은 인라인 요소와 테이블 행/열 을 제외한 모든 요소 |
|
상속 |
안됨 |
|
백분율 |
용기 블럭의 크기를 참조 |
|
미디어 |
visual |
값
|
값 |
설명 |
|
<길이> |
길이를 지정한다. |
|
<백분율> |
백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다. |
|
inherit |
부모 요소의 값을 상속하도록 지정한다. |
View Source :
<style>
p {
width: 300px;
border:1px solid #ccc;
}
</style>
<body>
<p>
본문의 가로 크기(넓이)를 300px로 지정합니다.
본문의 내용은 가로 크기에 맞게 자동으로 줄바꿈됩니다.
</p>
</body>
Result :
''.' Programs > CSS' 카테고리의 다른 글
| Background - Attachment (0) | 2012.03.20 |
|---|---|
| Background (0) | 2012.03.20 |
| Min-Width (0) | 2012.03.20 |
| Max-Width (0) | 2012.03.20 |
| Height (0) | 2012.03.20 |