Code Style: All media browser conformance and compatibility

Site navigation below

Full media guide

Conformance guides for print, projection, screen and all media stylesheets.

Test case results for aural, braille, embossed, handheld, TTY and TV media are equivalent.

Get noticed

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

The media stylesheet browser conformance tables below are part of the Code Style CSS2 media monitor subsection, a test suite and compatibility guide to media dependent cascading style sheets. Each test case document includes summary analyses of how the named browsers handle these methods of stylesheet attachment.

The all media collection is for stylesheets that are applicable to all document rendering devices and situations, and includes every media type. As such, all media stylesheets are generally redundant (stylesheets without media dependent rules would be applied to screen media by default with HTML), and practically less reliable too. Media dependent link elements are the most widely supported form of all media stylesheet attachment, but such markup will effectively hide these styles from Netscape 4.

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.

**Table 1:** All media browser conformance, with `media` attribute.
Additional style rules:		-				`@import`				`@import`
Test case documents:		Test 1				Test 2				Test 3
`<link rel="stylesheet" type="text/css" href="..." media="all" />`
Additional media rules:		-				-				`@media all`
Media mode:		Sc.	Pr.	Pj.	-	Sc.	Pr.	Pj.	-	Sc.	Pr.	Pj.	-
	Internet Explorer 3.0	Y	Y	N/A	-	N	N	N/A	-	N	N	N/A	-
	Internet Explorer 4.0	Y	Y	N/A	-	Y	Y	N/A	-	N	N	N/A	-
	Internet Explorer 4.01	Y	Y	N/A	-	B	B	N/A	-	B	B	N/A	-
	Internet Explorer 4.5	Y	Y	N/A	-	Y	Y	N/A	-	N	N	N/A	-
	Internet Explorer 5.0	Y	Y	N/A	-	Y	Y	N/A	-	N	N	N/A	-
	Internet Explorer 5.0	Y	Y	N/A	-	Y	Y	N/A	-	Y	Y	N/A	-
	Internet Explorer 5.5	Y	Y	N/A	-	Y	Y	N/A	-	Y	Y	N/A	-
	Internet Explorer 6.0	Y	Y	N/A	-	Y	Y	N/A	-	Y	Y	N/A	-
	Internet Explorer 7.0	Y	Y	N/A	-	Y	Y	N/A	-	Y	Y	N/A	-
	Netscape Navigator 4.7	N	N	N/A	-	N	N	N/A	-	N	N	N/A	-
	Netscape Navigator 4.73	N	N	N/A	-	N	N	N/A	-	N	N	N/A	-
	Netscape Navigator 6.0	Y	Y	N/A	-	Y	Y	N/A	-	Y	Y	N/A	-
	Netscape Navigator 7.1	Y	Y	N/A	-	Y	Y	N/A	-	Y	Y	N/A	-
	Opera 3.62	Y	Y	N/A	-	Y	Y	N/A	-	N	N	N/A	-
	Opera 4.0	Y	Y	Y	-	Y	Y	Y	-	Y	Y	Y	-
	Opera 5.0	Y	Y	Y	-	Y	Y	Y	-	Y	Y	Y	-
	Opera 5.11	Y	Y	Y	-	Y	Y	Y	-	Y	Y	Y	-
	Opera 6.01	Y	Y	Y	-	Y	Y	Y	-	Y	Y	Y	-
	Opera 7.11	Y	Y	Y	-	Y	Y	Y	-	Y	Y	Y	-
	Safari 1.2	Y	Y	N/A	-	Y	Y	N/A	-	Y	Y	N/A	-

**Table 2:** All media browser conformance, no `media` attribute.
Additional style rules:		-				-				`@import`
Test case documents:		Test 4				Test 5				Test 6
`<link rel="stylesheet" type="text/css" href="..." />`
Additional media rules:		`@media all`				`@import all`				`@media all`
Media mode:		Sc.	Pr.	Pj.	-	Sc.	Pr.	Pj.	-	Sc.	Pr.	Pj.	-
	Internet Explorer 3.0	N	N	N/A	-	N	N	N/A	-	N	N	N/A	-
	Internet Explorer 4.0	N	N	N/A	-	N	N	N/A	-	N	N	N/A	-
	Internet Explorer 4.01	N	N	N/A	-	H	H	N/A	-	B	B	N/A	-
	Internet Explorer 4.5	N	N	N/A	-	Y	Y	N/A	-	N	N	N/A	-
	Internet Explorer 5.0	N	N	N/A	-	Y	Y	N/A	-	N	N	N/A	-
	Internet Explorer 5.0	Y	Y	N/A	-	N	N	N/A	-	Y	Y	N/A	-
	Internet Explorer 5.5	Y	Y	N/A	-	N	N	N/A	-	Y	Y	N/A	-
	Internet Explorer 6.0	Y	Y	N/A	-	N	N	N/A	-	Y	Y	N/A	-
	Internet Explorer 7.0	Y	Y	N/A	-	N	N	N/A	-	Y	Y	N/A	-
	Netscape Navigator 4.7	N	N	N/A	-	N	N	N/A	-	N	N	N/A	-
	Netscape Navigator 4.73	N	N	N/A	-	N	N	N/A	-	N	N	N/A	-
	Netscape Navigator 6.0	Y	Y	N/A	-	Y	Y	N/A	-	Y	Y	N/A	-
	Netscape Navigator 7.1	Y	Y	N/A	-	Y	Y	N/A	-	Y	Y	N/A	-
	Opera 3.62	N	N	N/A	-	Y	Y	N/A	-	N	N	N/A	-
	Opera 4.0	Y	Y	Y	-	Y	Y	Y	-	Y	Y	Y	-
	Opera 5.0	Y	Y	Y	-	Y	Y	Y	-	Y	Y	Y	-
	Opera 5.11	Y	Y	Y	-	Y	Y	Y	-	Y	Y	Y	-
	Opera 6.01	Y	Y	Y	-	Y	Y	Y	-	Y	Y	Y	-
	Opera 7.11	Y	Y	Y	-	Y	Y	Y	-	Y	Y	Y	-
	Safari 1.2	Y	Y	N/A	-	Y	Y	N/A	-	Y	Y	N/A	-

Conformance key

The Code Style CSS2 media monitor subsection 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.

Y = Yes, CSS2 conformant: 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.
C = Compatible, but not CSS2 conformant: 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.
N = No, not conformant or compatible: The media stylesheet syntax is not rendered correctly or completely.
B = Buggy, non-conformant and incompatible: 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.
H = Hazardous, use with caution: 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.
N/A = Not applicable: 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.

Abbreviations

Pr. = Print mode: For backwards compatibility purposes, any print facility is assumed to be relevant, whether CSS2 is explicitly supported or not. Print functionality is also considered part of the all media collection.
Pj. = Projection mode: Presently only supported by Opera version 4 and above. For multiple media compatibility, it is essential that other media styles do not carry over into projection mode.
Sc. = Screen mode: For backwards compatibility purposes, all screen display facilities are assumed to be relevant, whether CSS2 is explicitly supported or not. Any screen display is also considered part of the all media collection.

Other media modes

The following media types are not supported in any of the CSS browsers tested to date, but are included in the CSS2 media monitor for interest as a backwards compatibility reference for future browser implementations.

Au. = Aural media
Br. = Braille media
Em. = Embossed media
Hh. = Handheld media
Tt. = TTY (teletype) media
TV = TV (television) media

All media test pages

All media test 1
All media test 2
All media test 3
All media test 4
All media test 5 (Caution: unsafe for Internet Explorer 4.01 for Mac)
All media test 6

All media browser conformance
CSS2 media monitor subsection index

Article feedback

Your comments on this article will be appreciated, please use the form below to submit your views. If you would like a reply or article update notification, include your email address.

Comments:
Name:
Email:
Was this article useful?	Yes, very comprehensive Yes, but lacked important details No, but some parts were good No, very superficial
Reference URL:
Do NOT put any URLs here
Join mailing list:	Yes (requires email address) No

Your email address will not be mis-used. If you include your address you may be sent a personal reply, you will not be added to any mailing list unless you request update notification. Read the site privacy statement for details.

All media browser conformance