상자 내 페이지 분할
의 예
| #상자 { 페이지 나누기 내부: 피하십시오; } |
설명
이 속성은 지정된 요소 내에서 페이징이 발생하는지 여부를 설정합니다.
지원현황
| IE6 아니요 IE7아니요 IE8 예 |
N. 개요 속성
예시
| #상자 { 개요: 단색 1px 빨간색; } |
설명
외곽선은 외곽선 스타일, 외곽선 너비 및 외곽선 색상의 약어입니다. 이 속성은 문서 흐름에 영향을 주지 않으므로 테두리 속성보다 우수하므로 레이아웃 문제를 디버깅하는 데 더 유용합니다.
지원현황
| IE6 아니요 IE7아니요 IE8 예 |
O.
표시 속성에 대한 대체 값의예
| #상자 { 디스플레이: 인라인 블록; } |
설명
표시 속성은 일반적으로 block, inline 또는 none으로 설정됩니다. 대체 값은 다음과 같습니다.
| 인라인 블록 인라인 테이블 목록 항목 런인 테이블 표 캡션 테이블 셀 테이블-열 테이블-열-그룹 테이블 바닥글 그룹 테이블 헤더 그룹 테이블 행 테이블 행 그룹 |
지원현황
| IE6 아니요 IE7아니요 IE8 예 |
축소 가능한 공백 처리
예시
| 피 { 공백: 사전 라인; } div { 공백: 사전 포장; } |
공백 속성의 행 앞부분 값 설정은 명시적인 줄 바꿈을 허용하면서 여러 공백 요소를 단일 공백으로 축소합니다
.
공백 속성의 pre-wrap 값은 여러 공백을 하나로 축소하지 않지만 줄바꿈을 명시적으로 설정할 수 있도록 허용합니다.
지원현황
| IE6 아니요 IE7아니요 IE8 예 |
4. 기타 다양한 기술
A.@import의
미디어 유형예
| @import url("styles.css") 화면; |
설명:
위의 예와 마찬가지로 가져온 스타일 시트 파일의 미디어 유형은 파일 주소 뒤에 선언됩니다. 이 예에서 미디어 유형은 "스크린"입니다.
지원현황
| IE6 아니요 IE7아니요 IE8 예 |
버그
IE6 및 IE7은 @import를 지원하지만 미디어 유형이 지정되면 아무런 효과가 없으며 심지어 일반 @import 규칙이 유효하지 않게 됩니다.
B. 카운트 증가
예시
| h2 { 카운터 증가: 헤더; } h2:이전 { 내용: 카운터(헤더) ". "; } |
설명
이 CSS 기술을 사용하면 이전 의사 요소와 함께 사용되는 지정된 요소 앞에 나타나는 숫자를 자동으로 증가시킬 수 있습니다.
지원현황
| IE6 아니요 IE7아니요 IE8 예 |
다.
생성된 콘텐츠에 대한 참조문자의 예
| q { 따옴표: "'" "'"; } q:이전 { 내용: 공개 인용문; } q:이후 { 내용: 가까운 따옴표; } |
설명은
q 태그와 함께 사용하기 위해 콘텐츠를 생성하는 데 사용되는 인용 호출 부호를 지정합니다.
지원현황
| IE6 아니요 IE7아니요 IE8 예 |
5. 중요한 버그 및 비호환성 문제
다음은 위에 언급되지 않은 IE6 및 IE7의 많은 버그입니다. 물론 이 목록에는 세 가지 브라우저 모두에서 지원되지 않는 항목이 포함되어 있지 않습니다.
IE6 버그
A. <abbr> 요소 스타일 지정을 지원하지 않습니다
B. 하이픈과 밑줄로 시작하는 클래스 및 ID 이름을 지원하지 않습니다
C. <select> 요소는 z-index 값에 관계없이 항상 스택 상단에 나타납니다
D . 앵커 의사 클래스가 올바른 순서(:link, :visited, :hover)로 사용되지 않으면 :hover 의사 클래스는 아무런 효과가 없습니다
. E. 속성의 !important 선언은 다음으로 대체됩니다. 동일한 규칙에서 동일한 속성의 사용되지 않은 !important 선언이 적용되었습니다.
F. 높이는 최소 높이처럼 동작합니다.
G. 너비는 최소 너비처럼 동작합니다
.H. 왼쪽 및 오른쪽 여백을 두 배로 늘립니다.
I. 점선 테두리(점선)가 점선 테두리(점선)처럼 보입니다.
J. 텍스트 장식의 줄 통과 값 텍스트가 보이는 것처럼 보입니다. 다른 브라우저보다 약간 더 큽니다
. 순서가 지정된 목록이 고정된 구조를 갖는 경우(haslayout이 true이고, haslayout 값을 활성화하도록 li의 높이/너비/확대/축소를 설정할 수 없음) 대신 일련 번호가 1로 유지됩니다.
L. 목록 요소는 목록 스타일 유형의 사용 가능한 모든 값을 지원하지 않습니다
. M. 목록 항목이 부동하는 경우 지정된 목록 스타일 이미지가 표시되지 않습니다
N. @font-face가 완전히 지원되지 않습니다
O. 일부 선택기는 주석 및 문서 선언과 잘못 일치합니다
. 클래스 선택기와 결합된 ID 선택기가 일치하지 않으면 다른 클래스 선택기와 결합된 동일한 ID 선택기도 불일치로 처리됩니다.
IE7 버그
A. 정렬된 목록에 고정된 구조가 있는 경우(haslayout이 true이고 li의 높이/너비/확대/축소를 haslayout 값을 활성화하도록 설정할 수 없음) 일련 번호는 증가하지 않지만 1로 유지됩니다.
B. 목록 요소는 다음과 같습니다. 지원되지 않음 목록 스타일 유형의 사용 가능한 모든 값
C. 목록 항목이 부동된 경우 지정된 목록 스타일 이미지가 표시되지 않음
D. @font-face가 완전히 지원되지 않음
E. 일부 선택기가 잘못 일치함 의견 및 문서 면책조항
F. 여기에 언급되지 않은 일부 IE 버그는 특정 환경에서만 발생하며 특정 CSS 속성이나 값에 할당되지 않습니다.