D. 투명 테두리 색상
예
| #상자 { 테두리: 단색 1px 투명; } |
설명하다
투명한 테두리 색상을 사용하면 테두리가 표시되거나 불투명할 때 테두리 색상과 동일한 공간을 차지할 수 있습니다.
지원 상태
| IE6 아니요 IE7 예 IE8 예 |
E. 고정 위치 요소
예
| #상자 { 위치: 고정; } |
설명하다
position 속성의 이 값을 사용하면 창을 기준으로 요소의 위치를 절대적으로 지정할 수 있습니다.
지원 상태
| IE6 아니요 IE7 예 IE8 예 |
F. 고정 위치 배경 이미지
예
| #상자 { 배경 이미지: url(images/bg.jpg); 배경 위치: 0 0; 배경 부착: 고정; } |
설명하다
고정 값을 사용하면 배경 이미지가 창을 기준으로 절대 위치를 지정할 수 있습니다.
지원 상태
| IE6 아니요 IE7 예 IE8 예 |
버그
position:fixed와 마찬가지로 IE6도 background-positon의 고정 값을 지원하지 않습니다. 그러나 IE6에서는 이 값이 루트 요소에 사용될 때만 작동합니다.
G. 속성 값 "상속"
예
| #상자 { 디스플레이: 상속; } |
설명하다
특성에 값 상속을 적용하면 요소가 포함된 요소에서 계산된 값을 상속할 수 있습니다.
지원 상태
| IE6 아니요 IE7아니요 IE8 예 |
버그
IE6 및 IE7은 방향 및 가시성 속성을 제외하고 상속 값을 지원하지 않습니다.
H. 표 셀의 테두리가 비어 있습니다.
예
| 테이블 td { 테두리 간격: 3px; } |
설명하다
이 속성은 인접한 표 셀의 테두리 사이의 간격을 설정합니다.
지원 상태
| IE6 아니요 IE7아니요 IE8 예 |
I. 테이블의 빈 셀 렌더링
예
| 테이블 { 빈 셀: 표시; } |
설명하다
표시 속성이 table-cell로 설정된 요소에만 적용되는 이 속성을 사용하면 빈 셀에서 테두리와 배경을 렌더링할 수 있습니다. 그렇지 않으면 표시되지 않습니다.
지원 상태
| IE6 아니요 IE7아니요 IE8 예 |
J. 표 제목의 가로 위치
예
| 테이블 { 캡션 쪽: 하단; } |
설명하다
이 속성을 사용하면 테이블 제목을 테이블 하단에 배치할 수 있습니다. 기본값은 헤더입니다.
지원 상태
| IE6 아니요 IE7아니요 IE8 예 |
K. 트림 영역
예
| #상자 { 클립:직사각형(20px, 300px, 200px, 100px) } |
설명하다
이 속성은 상자의 영역이 표시되고 나머지 부분이 잘리거나 표시되지 않도록 지정합니다.
지원 상태
| IE6 아니요 IE7아니요 IE8 예 |
버그
흥미롭게도 값을 구분하는 데 쉼표를 사용하지 않는 경우 IE6 및 IE7도 이 속성을 사용할 수 있습니다. (예를 들어 공백을 사용하여 잘린 값을 구분합니다.)
L. 인쇄된 페이지의 고아 및 창
예
| 피 { 고아: 4; } 피 { 과부: 4; } |
설명하다
orphans 속성은 인쇄된 페이지 하단에 표시되는 최소 줄 수를 설정합니다. windows 속성은 인쇄된 페이지의 헤더에 표시되는 단락의 최소 줄 수를 설정하는 데 사용됩니다.
지원 상태
| IE6 아니요 IE7아니요 IE8 예 |