A link element with a media="handheld" attribute that specifies a stylesheet with simple element selectors. Headings should only appear right aligned and blue in handheld media user agents, not 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 correctly applies link stylesheets with media attributes in standard screen mode and in print for all media types. Media types all, screen and print are specifically supported, and all other media dependent styles are correctly disregarded.
Internet Explorer 6.0 for Windows correctly applies link stylesheets with media attributes in standard screen mode and in print for all media types. Media types all, screen and print are specifically supported, and all other media dependent styles are correctly disregarded.
Internet Explorer 5.5 correctly applies link stylesheets with media attributes in standard screen mode and in print for all media types. Media types all, screen and print are specifically supported, and all other media dependent styles are correctly disregarded.
Internet Explorer 5.0 for Windows correctly applies link stylesheets with media attributes in standard screen mode and in print for all media types. Media types all, screen and print are specifically supported, and all other media dependent styles are correctly disregarded.
Internet Explorer 5.0 for Mac correctly applies link stylesheets with media attributes in standard screen mode and in print for all media types. Media types all, screen and print are specifically supported, and all other media dependent styles are correctly disregarded.
Internet Explorer 4.5 for Mac correctly applies link stylesheets with media attributes in standard screen mode and in print for all media types. Media types all, screen and print are specifically supported, and all other media dependent styles are correctly disregarded.
Internet Explorer 4.01 for Mac does not discriminate link elements with media attributes and renders media dependent styles in standard screen mode and when printing. For media type all, this gives the appearance of conforming to the CSS2 specification, but for the wrong reasons. The same is the case with screen media styles in screen mode and print media styles when printing, but all other media dependent styles are incorrectly rendered in all cases.
Internet Explorer 4.0 correctly applies link stylesheets with media attributes in standard screen mode and in print for all media types. Media types all, screen and print are specifically supported, and all other media dependent styles are correctly disregarded.
Internet Explorer 3.0 does not discriminate link elements with media attributes and renders media dependent styles in standard screen mode and when printing. For media type all, this gives the appearance of conforming to the CSS2 specification, but for the wrong reasons. The same is the case with screen media styles in screen mode and print media styles when printing, but all other media dependent styles are incorrectly rendered in all cases.
Netscape 7.1 correctly applies link stylesheets with media attributes in standard screen mode and in print for all media types. Media types all, screen and print are specifically supported, and all other media dependent styles are correctly disregarded.
Netscape 6.0 correctly applies link stylesheets with media attributes in standard screen mode and in print for all media types. Media types all, screen and print are specifically supported, and all other media dependent styles are correctly disregarded.
Netscape Navigator 4.73 for Windows renders only link elements with the media attribute screen in standard screen mode, but screen media styles are also incorrectly rendered in print. Media type print is not supported and all other media dependent styles are correctly disregarded.
Netscape Navigator 4.7 for Mac renders only link elements with the media attribute screen in standard screen mode, but screen media styles are also incorrectly rendered in print. Media type print is not supported and all other media dependent styles are correctly disregarded.
Opera 7.11 correctly applies link stylesheets with media attributes in standard screen mode and in print for all media types. Media types all, screen, print and projection are specifically supported, and all other media dependent styles are correctly disregarded.
Opera 6.01 correctly applies link stylesheets with media attributes in standard screen mode and in print for all media types. Media types all, screen, print and projection are specifically supported, and all other media dependent styles are correctly disregarded.
Opera 5.11 correctly applies link stylesheets with media attributes in standard screen mode and in print for all media types. Media types all, screen, print and projection are specifically supported, and all other media dependent styles are correctly disregarded.
Opera 5.0 correctly applies link stylesheets with media attributes in standard screen mode and in print for all media types. Media types all, screen, print and projection are specifically supported, and all other media dependent styles are correctly disregarded.
Opera 4.0 correctly applies link stylesheets with media attributes in standard screen mode and in print for all media types. Media types all, screen, print and projection are specifically supported, and all other media dependent styles are correctly disregarded.
Opera 3.62 correctly applies link stylesheets with media attributes in standard screen mode and in print for all media types. Media types all, screen and print are specifically supported, and all other media dependent styles are correctly disregarded.
Safari 1.2 correctly applies link stylesheets with media attributes in standard screen mode for all media types. Media types all, screen and print are specifically supported, and all other media dependent styles are correctly disregarded.
link element
<link
rel="stylesheet"
type="text/css"
href="/styles/test/media/handheld-Test1.css"
media="handheld" />
handheld-Test1.css
H1{
text-align: right;
color: blue;
background: white;
}
H2{
text-align: right;
color: blue;
background: white;
}
H3{
text-align: right;
color: blue;
background: white;
}