Les propriétés médias de HTML
Exemples
L'exemple suivant illustre l'utilisation des propriétés des médias lien:
Essayez »
support du navigateur
Tous les principaux navigateurs prennent en charge les propriétés des médias.
Définition et utilisation
attribut media spécifie l'URL cible est la raison pour laquelle le type de support / périphérique optimisé.
Cet attribut est utilisé pour spécifier l'URL de destination pour un dispositif particulier (par exemple, iPhone), de la parole ou d'imprimer la conception des médias.
La propriété peut accepter plusieurs valeurs.
Il ne peut être utilisé lorsque l'attribut href est présent.
Différences entre HTML 4.01 et HTML5
Cet attribut est nouveau dans les attributs HTML5.
grammaire
possible opérateur
opérateurs | description |
---|---|
et | Les dispositions de l'opérateur AND. |
pas | Provision opérateur NOT. |
, | Les dispositions de l'opérateur OR. |
équipement
valeur | description |
---|---|
tous | Par défaut. Convient pour tous les appareils. |
auriculaire | Discours synthétiseur. |
braille | dispositifs de retour en braille. |
ordinateur de poche | Appareils de poche (petit écran, la bande passante limitée). |
projection | Projecteur. |
imprimer | Aperçu avant impression Mode / pages imprimées. |
écran | Ecran d'ordinateur. |
tty | Teletype et des médias similaires en utilisant une grille de caractères à espacement fixe. |
TV | dispositifs de type Télévision (basse résolution, capacité de pagination limitée). |
valeur
valeur | description |
---|---|
largeur | Largeur prédéterminée d'affichage de consigne de la zone. Vous pouvez utiliser "min-" et "mum" préfixes. Exemples: "écran et (min-width: 500px)" media = |
hauteur | Hauteur prédéterminée de la zone d'affichage de consigne. Vous pouvez utiliser "min-" et "mum" préfixes. Exemples: media = "screen et (max-height: 700px)" |
Dispositif de largeur | Les dispositions de la largeur cible écran / papier. Vous pouvez utiliser "min-" et "mum" préfixes. Exemples: "écran et (device-width: 500px)" media = |
dispositif hauteur | Les dispositions de la hauteur cible affichage / papier. Vous pouvez utiliser "min-" et "mum" préfixes. Exemples: media = "screen et (appareil-height: 500px)" |
orientation | Les dispositions de l'orientation cible affichage / papier. Valeurs possibles: "portrait" ou "paysage" Exemples: media = "tous et (orientation: paysage)" |
rapport d'aspect | Prédéterminé affichage cible rapport largeur / hauteur de la zone. Vous pouvez utiliser "min-" et "mum" préfixes. Exemples: "écran et (aspect ratio: 16/9)" media = |
dispositif aspect ratio | Les dispositions du rapport cible écran / papier dispositif largeur / hauteur. Dispositif Vous pouvez utiliser "min-" et "mum" préfixes. Exemples: "écran et (aspect ratio: 16/9)" media = |
couleur | Les objectifs déclarés des bits d'affichage par couleur. Vous pouvez utiliser "min-" et "mum" préfixes. Exemples: media = "screen et (couleur: 3)" |
couleur index | Un nombre prédéterminé de l'affichage cible de couleur peut gérer. Vous pouvez utiliser "min-" et "mum" préfixes. Exemples: media = "screen et (min-couleur-indice: 256)" |
camaïeu | Dispositions monochrome tampon de trame en bits par pixel. Vous pouvez utiliser "min-" et "mum" préfixes. Exemples: media = "screen et (monochrome: 2)" |
résolution | Les dispositions de la densité d'affichage cible / papier pixel (dpi ou dpcm). Vous pouvez utiliser "min-" et "mum" préfixes. Exemples: media = "print et (résolution: 300dpi)" |
balayage | Prédéterminé balayage affichage méthode de tv. Les valeurs possibles sont: "progressive" et "entrelacé". Exemples: media = "tv et (scan: entrelacé)" |
grille | périphérique de sortie prédéterminée est grille ou bitmap. Valeurs possibles: grille "1", "0" est l'autre. Exemples: media = "de poche et (grille: 1)" |