The CSS @import @-rule allows users to import style rules from other style sheets. So that user agents can avoid retrieving resources for unsupported media types, authors may specify media-dependent @import rules. These conditional imports specify comma-separated media types after the URI. In the absence of any media types, the import is unconditional. Specifying all for the medium has the same effect.
CSS example:
@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
Media Types
| Media Type | Description |
|---|---|
all |
Suitable for all devices. |
braille |
Intended for braille tactile feedback devices. |
embossed |
Intended for paged braille printers. |
handheld |
Intended for handheld devices (typically small screen, limited bandwidth). |
print |
Intended for paged material and for documents viewed on screen in print preview mode. |
projection |
Intended for projected presentations, for example projectors. |
screen |
Intended primarily for color computer screens. |
speech |
Intended for speech synthesizers. |
tty |
Intended for media using a fixed-pitch character grid (such as teletypes, terminals, or portable devices with limited display capabilities). Authors should not use pixel units with this media type. |
tv |
Intended for television-type devices (low resolution, color, limited-scrollability screens, sound available). |