propriétés des médias de style HTML
Exemples
Pour deux types de supports (écran et impression) de deux feuilles de style différents différents:
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
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 les ressources actuelles pour tout support / optimisé.
Cette propriété est principalement utilisé dans différents styles prédéterminés pour différents types de médias CSS stylesheet.
Astuce: Cet attribut peut accepter plusieurs valeurs.
Différences entre HTML 4.01 et HTML5
Aucun.
grammaire
possible opérateur
| valeur | description |
|---|---|
| et | Provisions et l'opérateur. |
| pas | Provision opérateur NOT. |
| , | Fourniture opérateur OR. |
équipement
| valeur | description |
|---|---|
| tous | Par défaut. Adapter à tous les appareils. |
| auriculaire | Discours synthétiseur. |
| braille | Aveugle avec des appareils de rétroaction en braille. |
| ordinateur de poche | Appareils de poche (petit écran, la bande passante limitée). |
| projection | Projecteurs. |
| imprimer | Imprimer mode de prévisualisation / page imprimée. |
| écran | Ecran d'ordinateur (valeur par défaut). |
| 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 roulis limitée de l'écran). |
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 la direction 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 de l'affichage cible / papier périphérique rapport largeur / hauteur périphérique Vous pouvez utiliser "min-" et "mum" préfixes. Exemples: "écran et (aspect ratio: 16/9)" media = |
| couleur | les bits cible spécifié affichage / 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 / pixel. Vous pouvez utiliser "min-" et "mum" préfixes. Exemples: media = "screen et (monochrome: 2)" |
| résolution | Les dispositions de la densité de pixels de la cible d'affichage / papier (dpi ou dpcm). Vous pouvez utiliser "min-" et "mum" préfixes. Exemples: media = "print et (résolution: 300dpi)" |
| balayage | Prédéterminé affichage à balayage de télévision. Valeurs possibles: "progressive" et "entrelacé". Exemples: media = "tv et (scan: entrelacé)" |
| grille | périphérique de sortie prédéterminée est une grille ou bitmap. Valeurs possibles: "1" pour la grille, sinon "0." Exemples: media = "de poche et (grille: 1)" |
HTML balise <style>