Test results for other media types are equivalent:
Place your text ad here.
World class Hard Drive Recovery and renowned raid recovery services
WestNIC provides reliable web hosting services
Free software downloads and drivers download resources
This media style sheet compatibility guide is part of the CSS media monitor test suite for media dependent style sheets. Test case documents include detailed notes for each browser.
Test case results for media types aural, braille, embossed, handheld, tty and tv are equivalent in all browsers tested to date, none of which support these media. The safest way to apply such styles in terms of backward compatibility is to use media dependent link elements (see test case 1). Media dependent @import rules also have broad compatibility for these media types, except with Internet Explorer 4.01 for Mac, which may crash with this form of stylesheet attachment (see test case 5).
No further results will be posted for Opera, Netscape/Mozilla and Safari, whose latest releases fully conform to the media style sheet standards. Results for Netscape 7.1 apply to all subsequent browser releases based on the Mozilla Gecko rendering engine, including Firefox, Galeon, Camino, Chimera, K-Meleon and Phoenix.
See legend and key to abbreviations below.
| Test case documents: | Test 1 | Test 2 | Test 3 | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
<link rel="stylesheet" type="text/css" href="..." media="braille" />
|
|||||||||||||
| Additional style rules: | - |
@import
|
@import
|
||||||||||
| Additional media rules: | - | - |
@media braille
|
||||||||||
| Media mode: | Sc. | Pr. | Pj. | Br. | Sc. | Pr. | Pj. | Br. | Sc. | Pr. | Pj. | Br. | |
| Internet Explorer 3.0 | N | N | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Internet Explorer 4.0 | Y | Y | N/A | N/A | N | N | N/A | N/A | N | N | N/A | N/A | |
| Internet Explorer 4.01 | N | N | N/A | N/A | B | B | N/A | N/A | B | B | N/A | N/A | |
| Internet Explorer 4.5 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Internet Explorer 5.0 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Internet Explorer 5.0 | Y | Y | N/A | N/A | N | C | N/A | N/A | Y | Y | N/A | N/A | |
| Internet Explorer 5.5 | Y | Y | N/A | N/A | N | C | N/A | N/A | Y | Y | N/A | N/A | |
| Internet Explorer 6.0 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Internet Explorer 7.0 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Netscape Navigator 4.7 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Netscape Navigator 4.73 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Netscape Navigator 6.0 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Netscape Navigator 7.1 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Opera 3.62 | Y | Y | N/A | N/A | N | N | N/A | N/A | Y | Y | N/A | N/A | |
| Opera 4.0 | Y | Y | Y | N/A | N | N | N | N/A | Y | Y | Y | N/A | |
| Opera 5.0 | Y | Y | Y | N/A | N | N | N | N/A | Y | Y | Y | N/A | |
| Opera 5.11 | Y | Y | Y | N/A | N | N | N | N/A | Y | Y | Y | N/A | |
| Opera 6.01 | Y | Y | Y | N/A | N | N | N | N/A | Y | Y | Y | N/A | |
| Opera 7.11 | Y | Y | Y | N/A | Y | Y | Y | N/A | Y | Y | Y | N/A | |
| Safari 1.2 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Test case documents: | Test 4 | Test 5 | Test 6 | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
<link rel="stylesheet" type="text/css" href="..." />
|
|||||||||||||
| Additional style rules: | - | - |
@import
|
||||||||||
| Additional media rules: |
@media braille
|
@import braille
|
@media braille
|
||||||||||
| Media mode: | Sc. | Pr. | Pj. | Br. | Sc. | Pr. | Pj. | Br. | Sc. | Pr. | Pj. | Br. | |
| Internet Explorer 3.0 | N | N | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Internet Explorer 4.0 | N | N | N/A | N/A | Y | Y | N/A | N/A | N | N | N/A | N/A | |
| Internet Explorer 4.01 | N | N | N/A | N/A | H | H | N/A | N/A | B | B | N/A | N/A | |
| Internet Explorer 4.5 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Internet Explorer 5.0 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Internet Explorer 5.0 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Internet Explorer 5.5 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Internet Explorer 6.0 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Internet Explorer 7.0 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Netscape Navigator 4.7 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Netscape Navigator 4.73 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Netscape Navigator 6.0 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Netscape Navigator 7.1 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Opera 3.62 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
| Opera 4.0 | Y | Y | Y | N/A | Y | Y | Y | N/A | Y | Y | Y | N/A | |
| Opera 5.0 | Y | Y | Y | N/A | Y | Y | Y | N/A | Y | Y | Y | N/A | |
| Opera 5.11 | Y | Y | Y | N/A | Y | Y | Y | N/A | Y | Y | Y | N/A | |
| Opera 6.01 | Y | Y | Y | N/A | Y | Y | Y | N/A | Y | Y | Y | N/A | |
| Opera 7.11 | Y | Y | Y | N/A | Y | Y | Y | N/A | Y | Y | Y | N/A | |
| Safari 1.2 | Y | Y | N/A | N/A | Y | Y | N/A | N/A | Y | Y | N/A | N/A | |
The CSS media monitor is a guide to media stylesheet conformance and cross compatibility for a range of CSS browsers. The test case results are largely for Windows platforms. If you would like to report results for other browsers and platforms please use the article feedback form below.
A specific form of media stylesheet attachment is rendered correctly in all supported browser display modes. Conformance with the W3C CSS2 recommendation requires appropriate media stylesheet rendering in all media modes. Browsers may be conformant or compatible but not actually support a particular media mode.
Specific media styles are rendered "correctly", but for the wrong reasons. For instance, if a browser correctly renders screen media styles in standard screen mode but these styles are also incorrectly rendered in print, the browser is marked C for compatible instead of Y for conformant.
The media stylesheet syntax is not rendered correctly or completely.
A browser handles some aspect of media dependent stylesheet attachment in an inconsistent or unreliable way. The cases classified as bugs are fundamental CSS errors that are practically more significant than improper media stylesheet handling in their own right.
Some browsers, notably Internet Explorer 4.01 for Mac, will crash if they encounter certain forms of media dependent stylesheet attachment and may hang the operating system. Authors should use these forms of media stylesheet attachment with caution.
A specific media mode may not be available for a particular browser. In all cases screen and print media mode are assumed where screen display and print options are available respectively, even where media dependent stylesheets are evidently not supported.
all media collection.
all media collection.
The following media types are not supported in any of the CSS browsers tested to date, but are included in the CSS media monitor for interest as a backwards compatibility reference for future browser implementations.