Latest web development tutorials

types de médias CSS

Type de support vous permet de spécifier la manière dont le document sera présenté dans différents médias. Le fichier peut être affiché de différentes manières sur l'écran, sur papier, ou navigateur d'audience, etc.


Type de support

Certaines propriétés CSS sont uniquement conçus certains médias. Tels que la propriété "voice-family" est conçu pour les agents utilisateurs sonores. D'autres propriétés peuvent être utilisées pour différents types de supports. Par exemple, "font-size" propriété peut être utilisée pour les médias d'écran et d'impression, mais avoir des valeurs différentes. L'écran et sur les fichiers de papier diffèrent, nécessitent généralement une police plus grande, sans - serif est plus adapté à la lecture sur l'écran, tandis que les polices serif sont plus faciles à lire sur papier.


règle @media

règle @media permet les mêmes feuilles de style pour différents médias mis en différents styles.

Dans l'exemple suivant nous dit d'afficher un 14 pixels Verdana style de police sur l'écran du navigateur. Toutefois, si la page imprimée sera de 10 pixels de police Times. S'il vous plaît noter, le papier font-weight et sur le réglage de l'écran en caractères gras:

<html>
<head>
<style>
@media screen
{
	p.test {font-family:verdana,sans-serif;font-size:14px;}
}
@media print
{
	p.test {font-family:times,serif;font-size:10px;}
}
@media screen,print
{
	p.test {font-weight:bold;}
}
</style>
</head>

<body>
....
</body>
</html>

Vous pouvez essayer vous - même etdevoir!Si vous utilisez Mozilla / Firefox ou IE5 + imprimer cette page, vous verrez, "Types de support" utiliseront un autre écran que l' autre Taille du texte petit point police.


types Autres médias

Remarque: Les noms de type de support ne sont pas sensibles à la casse.

Type de support description
tous Pour tous les appareils multimédias.
auriculaire Pour la parole et synthétiseur audio.
braille Avec dispositif de rétroaction tactile pour le Braille aveugle.
gaufré Aveugle pour les imprimantes braille paginée.
ordinateur de poche Pour les appareils portables de petite taille.
imprimer Pour une imprimante.
projection Programme pour l'affichage, tels que des diapositives.
écran Pour les écrans d'ordinateur.
tty Pour utiliser une grille fixe de support de densité de lettres, comme téléscripteurs et les terminaux.
TV Pour le type de télévision du dispositif.