Exemple
Retour quel support / périphérique un fichier spécifique est optimisé pour:
var x = document.getElementById("mySource").media;
Le résultat de x sera:
screen and (min-width:320px) Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de médias ou retourne la valeur du media attribut dans une <source> élément.
Le media attribut spécifie le type de ressource média (ce que les médias / périphérique le fichier est optimisé pour).
Le navigateur peut utiliser le media attribut pour déterminer si elle peut lire le fichier ou non. Si elle ne peut pas, il peut choisir de ne pas le télécharger.
Remarque: La <source> élément est nouveau en HTML5.
Support du navigateur
La propriété des médias est pris en charge dans tous les principaux navigateurs.
Remarque: Les media attribuent cependant, est pas pris en charge l' un des principaux navigateurs.
Syntaxe
Retour la propriété des médias:
sourceObject .mediaDéfinissez la propriété des médias:
sourceObject .media= Note: Cette propriété peut accepter plusieurs valeurs. Les opérateurs possibles
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 Convient pour tous les appareils. Ce défaut est aural synthétiseurs vocaux braille dispositifs de rétroaction braille handheld Appareils de poche (small screen, limited bandwidth) une (small screen, limited bandwidth) projection Projecteurs print Mode Aperçu avant impression / pages imprimées screen Les écrans d'ordinateur tty Téléscripteurs et des supports semblables en utilisant une grille de caractères à pas fixe tv Dispositifs de type télévision (low resolution, limited scroll ability) la (low resolution, limited scroll ability)
Valeurs
Valeur La description width Spécifie la largeur de la zone d'affichage ciblée.
"min-" et "max-" préfixes peuvent être utilisés.
Exemple: media = "screen et (min-width:500px) " height Indique la hauteur de la zone d'affichage ciblé.
"min-" et "max-" préfixes peuvent être utilisés.
Exemple: media = "screen et (max-height:700px) " device-width Spécifie la largeur de l'écran cible / papier.
"min-" et "max-" préfixes peuvent être utilisés.
Exemple: media = "screen et (device-width:500px) " device-height Spécifie la hauteur de l'écran cible / papier.
"min-" et "max-" préfixes peuvent être utilisés.
Exemple: media = "screen et (device-height:500px) " orientation Spécifie l'orientation de l'affichage cible / papier.
Valeurs possibles: "portrait" ou "landscape"
Exemple: media = "all et (orientation: landscape) " aspect-ratio Indique le rapport largeur / hauteur de la zone d'affichage ciblée.
"min-" et "max-" préfixes peuvent être utilisés.
Exemple: media = "screen et (aspect-ratio:16/9) d' (aspect-ratio:16/9) " device-aspect-ratio Indique le rapport largeur-dispositif / appareil-hauteur de l'affichage cible / papier.
"min-" et "max-" préfixes peuvent être utilisés.
Exemple: media = "screen et (aspect-ratio:16/9) d' (aspect-ratio:16/9) " color Spécifie les bits par couleur d'affichage de consigne.
"min-" et "max-" préfixes peuvent être utilisés.
Exemple: media = "screen et (color:3) " color-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 et (min-color-index:256) " monochrome Spécifie les bits par pixel dans une mémoire tampon de trame monochrome.
"min-" et "max-" préfixes peuvent être utilisés.
Exemple: media = "screen et (monochrome:2) " resolution Spécifie la densité de pixels (dpi or dpcm) de l'écran cible / papier.
"min-" et "max-" préfixes peuvent être utilisés.
Exemple: media = "print et (resolution:300dpi) " scan Spécifie procédé de balayage d'un écran de télévision.
Les valeurs possibles sont "progressive" et "interlace" .
Exemple: media = "tv et (scan:interlace) " grid Indique si le dispositif de sortie est grille ou bitmap.
Les valeurs possibles sont "1" pour la grille, et "0" autrement.
Exemple: media = "terminal mobile et (grid:1) "
Détails techniques
Valeur de retour: Une chaîne représentant le type en retrait de la ressource multimédia
Pages associées
Référence HTML: HTML <source> attribut media
<Source Object