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