« Le langage CSS/Interface HTML » : différence entre les versions
Contenu supprimé Contenu ajouté
Ligne 88 :
Le ou les types de médias visés peuvent être indiqués :
* soit lors de la liaison HTML, grâce à l'attribut <code>media</code> des éléments <code>link</code> et <code>style</code> :
<syntaxhighlight lang="html">
<syntaxhighlight>
<syntaxhighlight lang="html">
</syntaxhighlight>
* soit dans la feuille de style elle-même en précisant le type de média visé par une règle <code>@import</code>, ou en regroupant plusieurs styles dans une règle <code>@media</code> :
<syntaxhighlight lang="css">
body {...}
p {...}
</syntaxhighlight>
Lorsqu'une feuille de style s'applique à une sélection de plusieurs médias, ceux-ci sont alors séparés par une virgule :
<syntaxhighlight lang="html">
</syntaxhighlight>
En l'absence de mention du média, une feuille de style s'applique par défaut à tous les médias. La mention du type de média <code>all</code> a le même effet :
<syntaxhighlight lang="html">
<link rel="stylesheet" href="global.css" />▼
</syntaxhighlight>
Les principales valeurs de type de média sont, pour celles qui sont actuellement supportées par les navigateurs :
| |||