A link element without a media attribute that specifies a stylesheet with an @media aural rule. The redundant text-align: right; and color: green; declarations for heading selectors are included to detect compliance and neither styles should be rendered in screen, print, projection or other media modes.
Follow the down-page links below for detailed case summaries for each of the browsers tested. Document link markup and CSS is listed in the View source section at the foot of the page, with links to other test pages in this set.
Internet Explorer 7.0 for Windows supports @media rules and correctly renders all, screen and print media dependent styles, and properly disregards styles for un-supported media types. When such @media style blocks are used in imported stylesheets, appropriate media dependent rendering is maintained.
Internet Explorer 6.0 for Windows supports @media rules and correctly renders all, screen and print media dependent styles, and properly disregards styles for un-supported media types. When such @media style blocks are used in imported stylesheets, appropriate media dependent rendering is maintained.
Internet Explorer 5.5 supports @media rules and correctly renders all, screen and print media dependent styles, and properly disregards styles for un-supported media types. When such @media style blocks are used in imported stylesheets, appropriate media dependent rendering is effectively restored, compared with Embossed media test 2, for instance.
Internet Explorer 5.0 for Windows supports @media rules and correctly renders all, screen and print media dependent styles, and properly disregards styles for un-supported media types. When such @media style blocks are used in imported stylesheets, appropriate media dependent rendering is effectively restored, compared with Embossed media test 2, for instance.
Internet Explorer 5.0 for Mac does not implement @media rules and does not render stylesheets that use this type of attachment. Declarations for supported media types all, screen and print are effectively hidden from this browser and styles for un-supported media types are properly disregarded on screen and in print.
Internet Explorer 4.5 for Mac does not implement @media rules and does not render stylesheets that use this type of attachment. Declarations for supported media types all, screen and print are effectively hidden from this browser and styles for un-supported media types are properly disregarded on screen and in print.
Internet Explorer 4.01 for Mac does not support @media rules and incorrectly renders some style rules intended for un-supported media types. The first two style rules in an @media block are not applied (in this case the H1 and H2 selectors), but all remaining rules in the style block are rendered regardless of the specified media type. This incorrect rendering is also applied when printing.
Internet Explorer 4.0 does not support @media rules and incorrectly renders some style rules intended for un-supported media types. The first style rule in an @media block is not applied (in this case the H1 selector), but all remaining rules in the style block are rendered regardless of the specified media type. This incorrect rendering is also applied when printing.
Internet Explorer 3.0 does not support @media rules and incorrectly renders some style rules intended for un-supported media types. The first style rule in an @media block is not applied (in this case the H1 selector), but all remaining rules in the style block are rendered regardless of the specified media type. This incorrect rendering is also applied when printing.
Netscape Navigator 7.1 supports @media rules and correctly renders all, screen and print media dependent styles, and properly disregards styles for un-supported media types. When such @media style blocks are used in imported stylesheets, appropriate media dependent rendering is maintained.
Netscape Navigator 6.0 supports @media rules and correctly renders all, screen and print media dependent styles, and properly disregards styles for un-supported media types. When such @media style blocks are used in imported stylesheets, appropriate media dependent rendering is maintained.
Netscape Navigator 4.73 for Windows does not recognise @media rules and does not render any media dependent styles enclosed in such style blocks. For all un-supported media types, this gives the appearance of conforming to the CSS2 specifications, though for the wrong reasons. Any all, screen and print media styles attached via @import rules are also effectively hidden from this browser.
Netscape Navigator 4.7 for Mac does not recognise @media rules and does not render any media dependent styles enclosed in such style blocks. For all un-supported media types, this gives the appearance of conforming to the CSS2 specifications, though for the wrong reasons. Any all, screen and print media styles attached via @import rules are also effectively hidden from this browser.
Opera 7.11 supports @media rules and correctly renders all, screen, print and projection media dependent styles, and properly disregards styles for un-supported media types.
Opera 6.01 supports @media rules and correctly renders all, screen, print and projection media dependent styles, and properly disregards styles for un-supported media types. When such @media style blocks are used in imported stylesheets, appropriate media dependent rendering is effectively restored, compared with Embossed media test 2, for instance.
Opera 5.11 supports @media rules and correctly renders all, screen, print and projection media dependent styles, and properly disregards styles for un-supported media types. When such @media style blocks are used in imported stylesheets, appropriate media dependent rendering is effectively restored, compared with Embossed media test 2, for instance.
Opera 5.0 supports @media rules and correctly renders all, screen, print and projection media dependent styles, and properly disregards styles for un-supported media types. When such @media style blocks are used in imported stylesheets, appropriate media dependent rendering is effectively restored, compared with Embossed media test 2, for instance.
Opera 4.0 supports @media rules and correctly renders all, screen, print and projection media dependent styles, and properly disregards styles for un-supported media types. When such @media style blocks are used in imported stylesheets, appropriate media dependent rendering is effectively restored, compared with Embossed media test 2, for instance.
Opera 3.62 does not properly implement @media rules and only partially renders styles for supported media types all, screen and print in screen mode and print. The first style rule in an @media block is not applied (in this case the H1 selector), but all remaining rules in the style block are rendered. This incorrect rendering is also applied when printing. Styles for un-supported media types are properly disregarded using this form of style attachment on screen and in print.
Safari 1.2 for Mac supports @media rules, correctly renders all, screen and print media dependent styles, and properly disregards styles for un-supported media types. When such @media style blocks are used in imported stylesheets, appropriate media dependent rendering is maintained.
link element
<link
rel="stylesheet"
type="text/css"
href="/styles/test/media/aural-Test4.css" />
aural-Test4.css
@media aural{
H1{
text-align: right;
color: green;
background: white;
volume: loud;
azimuth: left;
voice-family: female;
pitch: high;
}
H2{
text-align: right;
color: green;
background: white;
volume: medium;
azimuth: right;
voice-family: male;
pitch: low;
}
H3{
text-align: right;
color: green;
background: white;
volume: x-soft;
azimuth: center;
voice-family: child;
pitch: x-high;
}
}