Exemple
Spécifiez le style à utiliser pour l'impression:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style> Essayez - le vous - même » Définition et utilisation
Le media attribut spécifie ce que les médias / périphérique le style CSS est optimisée pour.
Cet attribut est utilisé pour spécifier que le style est pour les appareils spéciaux (comme l'iPhone), de la parole ou la presse écrite.
Astuce: Cet attribut peut accepter plusieurs valeurs.
support du navigateur
| Attribut | |||||
|---|---|---|---|---|---|
| media | Oui | Oui | Oui | Oui | Oui |
Différences entre HTML 4.01 et HTML5
AUCUN.
Syntaxe
<style media="value">
possibles Operators
| Valeur | La description |
|---|---|
| and | Indique un opérateur AND |
| not | Indique un opérateur NOT |
| , | Indique un opérateur OU |
Dispositifs
| Valeur | La description |
|---|---|
| all | Défaut. Convient pour tous les appareils |
| aural | synthétiseurs de la parole |
| braille | dispositifs de retour en braille |
| handheld | Appareils de poche (petit écran, une bande passante limitée) |
| projection | Projecteurs |
| Aperçu avant impression Mode / pages imprimées | |
| screen | Les écrans d'ordinateur |
| tty | Télétypes et des médias similaires en utilisant une grille de caractères à espacement fixe |
| tv | dispositifs de type télévision (basse résolution, la capacité de défilement limitée) |
Valeurs
| Valeur | La description |
|---|---|
| largeur | Indique la largeur de la zone d'affichage ciblé. "min-" et "max-" préfixes peuvent être utilisés. Exemple: les media="screen and (min-width:500px)" |
| la taille | Indique la hauteur de la zone d'affichage ciblé. "min-" et "max-" préfixes peuvent être utilisés. Exemple: les media="screen and (max-height:700px)" |
| Dispositif de largeur | Indique la largeur de la cible d'affichage / papier. "min-" et "max-" préfixes peuvent être utilisés. Exemple: les media="screen and (device-width:500px)" |
| dispositif hauteur | Indique la hauteur de la cible d'affichage / papier. "min-" et "max-" préfixes peuvent être utilisés. Exemple: les media="screen and (device-height:500px)" |
| orientation | Indique l'orientation de la cible d'affichage / papier. Valeurs possibles: "portrait" ou "landscape" Exemple: media="all and (orientation: landscape)" |
| ratio d'aspect | Indique le rapport largeur / hauteur de la zone d'affichage ciblé. "min-" et "max-" préfixes peuvent être utilisés. Exemple: media="screen and (aspect-ratio:16/9)" |
| dispositif aspect ratio | Indique le rapport dispositif largeur / device-hauteur de la cible d'affichage / papier. "min-" et "max-" préfixes peuvent être utilisés. Exemple: media="screen and (aspect-ratio:16/9)" |
| Couleur | Indique les bits par couleur d'affichage cible. "min-" et "max-" préfixes peuvent être utilisés. Exemple: les media="screen and (color:3)" |
| couleur index | Indique le nombre de couleurs de l'affichage cible peut gérer. "min-" et "max-" préfixes peuvent être utilisés. Exemple: media="screen and (min-color-index:256)" |
| camaïeu | Indique les bits par pixel dans une mémoire tampon de trame monochrome. "min-" et "max-" préfixes peuvent être utilisés. Exemple: les media="screen and (monochrome:2)" |
| résolution | Indique la densité de pixels (ppp ou dpcm) de la cible d'affichage / papier. "min-" et "max-" préfixes peuvent être utilisés. Exemple: media="print and (resolution:300dpi)" |
| balayage | Indique la méthode d'un écran de télévision à balayage. Les valeurs possibles sont "progressive" et "entrelacé". Exemple: media="tv and (scan:interlace)" |
| la grille | Indique si le périphérique de sortie est grille ou bitmap. Les valeurs possibles sont "1" pour la grille, et «0» autrement. Exemple: media="handheld and (grid:1)" de media="handheld and (grid:1)" |