M. Page division within the box Example describe This property sets whether paging occurs within a specified element. Support status N. Outline attribute Example describe outline is the abbreviation for outline-style, outline-width, and outline-color. This attribute is better than the border attribute because it does not affect the document flow, so it is more useful for debugging layout problems. Support status O. Alternative value of display attribute Example describe The display attribute is usually set to block, inline, or none. Alternative values include: Support status Handling collapsible whitespace Example describe The pre-line value of the white-space attribute collapses multiple whitespace elements into a single whitespace while allowing explicit line breaks. The pre-wrap value of the white-space attribute does not collapse multiple whitespaces into one, but does allow line breaks to be set explicitly. Support status 4. Various other technologies A. Media type of @import Example describe Just like the example above, the media type of the imported style sheet file is declared after the file address. In this example, the media type is "screen". Support status Bugs Although IE6 and IE7 support @import, they have no effect when the media type is specified, even causing the normal @import rule to be invalid. B. Count increment Example describe This CSS technique allows you to automatically increment the number that appears before a specified element, used in conjunction with the before pseudo-element. Support status C. Reference characters for generated content Example describe Specifies the citation call sign used to generate content, for use with q tags. Support status 5. Important bugs and incompatibility issues The following are numerous bugs in IE6 and IE7 that are not mentioned above. Of course this list does not include entries that are not supported in all three browsers. IE6 Bugs A. Setting the <abbr> element using styles is not supported. B. Class and ID names starting with hyphens and underscores are not supported. C. The <select> element always appears at the top of the stack, regardless of the z-index value. D. If the anchor pseudo-classes do not use the correct order (:link, :visited, :hover), the :hover pseudo-class will be invalid. E. The !important declaration of an attribute will be overwritten by a second declaration of the same attribute in the same rule that does not use !important. F. height behaves similar to min-height G, width behaves similar to min-width H. Double left and right margins I. The dotted border looks like a dashed border J. The line-through value of text-decoration looks higher than other browsers in text. K. If the ordered list has a fixed structure (haslayout is true, the height/width/zoom of li cannot be set to activate haslayout values), the sequence number will not increase, but will remain at 1 L. List elements do not support all available values of list-style-type M. If the list entry is floating, the specified list-style-image will not be displayed. N. Not fully supporting @font-face O. Some selectors will incorrectly match comments and document declarations P. If an ID selector combined with a class selector does not match, the same ID selector combined with different class selectors will also be treated as a mismatch. IE7 Bugs A. If the ordered list has a fixed structure (haslayout is true, the height/width/zoom of li cannot be set to activate haslayout values), the sequence number will not increase, but will remain at 1. B. List elements do not support all available values of list-style-type C. If the list entry is floating, the specified list-style-image will not be displayed. D. Not fully supporting @font-face E. Some selectors will incorrectly match comments and document declarations F. Some IE bugs not mentioned here will only occur in specific environments and are not assigned to specific CSS properties or values. #box {
page-break-inside: avoid;
} IE6 No
IE7No
IE8 Yes #box {
outline: solid 1px red;
} IE6 No
IE7No
IE8 Yes #box {
display: inline-block;
} inline-block
inline-table
list-item
run-in
table
table-caption
table-cell
table-column
table-column-group
table-footer-group
table-header-group
table-row
table-row-group IE6 No
IE7No
IE8 Yes p {
white-space: pre-line;
}
div {
white-space: pre-wrap;
} IE6 No
IE7No
IE8 Yes @import url("styles.css") screen; IE6 No
IE7No
IE8 Yes h2 {
counter-increment: headers;
}
h2:before {
content: counter(headers) ". ";
} IE6 No
IE7No
IE8 Yes q {
quotes: "'" "'";
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
} IE6 No
IE7No
IE8 Yes