media-link

media

  • Indique pour quel périphérique, le code CSS est destiné.
  • Possibilité d’indiquer plusieurs média
  • Les opérateurs and (et), not (sauf) et , (ou) permettent de les joindre ou d’affiner la zone de sortie
Valeurs des périphériques de sortie
Valeur Description Infos
all
  • Valeur par defaut
  • Correspond à tous les appareils, tout les écrans
  • MDN Web Docs
  • W3C
  • <link rel="valeur" href="&#91;url&#93;" media="all">
screen Correspond aux écrans d’ordinateur
  • MDN Web Docs
  • W3C
  • <link rel="&#91;valeur&#93;" href="&#91;url&#93;" media="screen">
print Correspond au rendu à l’impression et à la prévisualisation avant impression
  • MDN Web Docs
  • W3C
  • <link rel="&#91;valeur&#93;" href="&#91;url&#93;" media="print">
<link rel="valeur" href="url" media="valeur">
Valeur Description Infos
aspect-ratio
  • Spécifie le rapport largeur / hauteur de la zone d'affichage
  • Les préfixes "min-" et "max-" peuvent être utilisés
<link rel="valeur" href="url" media="zone d'affichage opérateur (aspect-ratio: valeur)">
width
  • Correspond à la largeur de la zone d'affichage
  • Les préfixes "min-" et "max-" peuvent être utilisés
<link rel="valeur" href="url" media="zone d'affichage opérateur (width: valeur)">
height
  • Correspond à la hauteur de la zone d'affichage
  • Les préfixes "min-" et "max-" peuvent être utilisés
<link rel="valeur" href="url" media="zone d'affichage opérateur (height: valeur)">
color
  • Correspond au nombre de bits par couleur de l'affichage
  • Les préfixes "min-" et "max-" peuvent être utilisés
<link rel="valeur" href="url" media="zone d'affichage opérateur (color: valeur)">
color-index
  • Indique le nombre de couleur que l'affichage peut gérer
  • Les préfixes "min-" et "max-" peuvent être utilisés
<link rel="valeur" href="url" media="zone d'affichage opérateur (color-index: valeur)">
monochrome
  • Indique le nombre de bits par pixel utilisés pour l'affichage monochrome de l'appareil
  • Les préfixes "min-" et "max-" peuvent être utilisés
<link rel="valeur" href="url" media="zone d'affichage opérateur (monochrome: valeur)">
grid
  • Indique si le périphérique fonctionne grâce à une grille ou une matrice bitmap
  • 1 : grille
  • 0 : matrice bitmap
<link rel="valeur" href="url" media="zone d'affichage opérateur (grid: valeur)">
orientation
  • Spécifie le mode d'orientation de l'affichage de l'appareil
  • landscape : mode paysage
  • portrait : mode portrait
<link rel="valeur" href="url" media="zone d'affichage opérateur (orientation: valeur)">
resolution
  • Indique la résolution de l'affichage (densité de pixels) de l'appareil
  • valeurs en dpi ou dpcm
  • Les préfixes "min-" et "max-" peuvent être utilisés
<link rel="valeur" href="url" media="zone d'affichage opérateur (resolution: valeur)">
scan
  • Détermine le processus utilisé pour composer l'image sur l'appareil
  • interlace : image composée de lignes entrelacées
  • progressive : image composée par un balayage progressif
<link rel="valeur" href="url" media="zone d'affichage opérateur (scan: valeur)">