Difference between revisions of "Adding stylesheets for other output devices/fr"
From Joomla! Documentation
(Created page with "En se servant de feuilles de style CSS, il est possible d'utiliser un ensemble de directives (styles) en fonction du type d'appareil utilisé pour consulter des pages web.") |
(Created page with "===Types de médias===") |
||
| Line 2: | Line 2: | ||
En se servant de feuilles de style CSS, il est possible d'utiliser un ensemble de directives (styles) en fonction du type d'appareil utilisé pour consulter des pages web. | En se servant de feuilles de style CSS, il est possible d'utiliser un ensemble de directives (styles) en fonction du type d'appareil utilisé pour consulter des pages web. | ||
| − | === | + | ===Types de médias=== |
The recognised media types are: | The recognised media types are: | ||
*all - Suitable for all devices. | *all - Suitable for all devices. | ||
Revision as of 19:17, 22 May 2015
En se servant de feuilles de style CSS, il est possible d'utiliser un ensemble de directives (styles) en fonction du type d'appareil utilisé pour consulter des pages web.
Types de médias
The recognised media types are:
- all - Suitable for all devices.
- aural - For speech synthesizers.
- braille - Intended for braille tactile feedback devices.
- embossed -Intended for paged braille printers.
- handheld - Intended for handheld devices.
- print - Used for formatting printed pages.
- projection - Intended for projected presentations, for example projectors or print to transparencies.
- screen - Intended primarily for color computer screens.
- 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 the "tty" media type.
- tv - Intended for television-type devices (low resolution, color, limited-scrollability screens, sound available).
Examples
You can assign a media type to a CSS declaration with the following syntax
@media print {
body {
font-size: 12pt;
font-color: #000000;
}
}To assign more than one declaration style to more than one media type:
@media print, handheld{
body {
font-size: 12pt;
font-color: #000000;
}
img {
max-width: 100%;
height: auto;
}
}The directives can be used in the main CSS file or in a separate style sheet for a given media type. There must be an include to the CSS file in the templates <head> section (the following is taken from the Joomla! Beez template):
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez/css/print.css" type="text/css" media="Print" />