Differences

This shows you the differences between two versions of the page.

--- 2016_2017:s1:webdoc:td6 [2016/12/05 13:57]
logre [Syntaxe]
+++ 2016_2017:s1:webdoc:td6 [2016/12/05 16:30]
logre [Syntaxe]
@@ Line 101: / Line 101: @@
 Pour obtenir l'équivalent du "ou", il suffit d'énumérer différentes media queries à la suite, séparées par des virgules : si l'une d'entre elles est valable, alors l'ensemble de la règle sera appliquée.
-Les différents types d'écrans définis sont :
+Il existe de nombreuses règles permettant de construire des media queries et qui peuvent être composable.
-  * //screen//: Écrans
+Voici quelques exemples :
-  * //handheld//: Périphériques mobiles ou de petite taille
+  * color : gestion de la couleur (en bits/pixel).
-  * //print//: Impression
+  * height : hauteur de la zone d'affichage (fenêtre).
-  * //aural//: (CSS 2.0) / //speech// (CSS 2.1) Synthèses vocales
+  * width : largeur de la zone d'affichage (fenêtre).
-  * //braille//: Plages braille
+  * device-height : hauteur du périphérique.
-  * //embossed//: Imprimantes braille
+  * device-width : largeur du périphérique.
-  * //projection//: Projecteurs (ou présentations avec slides)
+  * orientation : orientation du périphérique (portrait ou paysage).
-  * //tty//: Terminal et/ou police à pas fixe
+  * media : type d'écran de sortie. Quelques-unes des valeurs possibles :
-  * //tv//: Téléviseur
+      * screen : écran « classique » ;
-  * //all//: Tous les précédents
+      * handheld : périphérique mobile ;
+      * print : impression ;
+      * tv : télévision ;
+      * projection : projecteur ;
+      * all : tous les types d'écran.

Cours au département INFO - IUT - UNS

User Tools

Site Tools

Differences

Page Tools