Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

23/04/13 Media Queries www.w3.org/TR/css3-mediaqueries/ 1/14 Media Queries Reco

23/04/13 Media Queries www.w3.org/TR/css3-mediaqueries/ 1/14 Media Queries Recommandation du W3C 19 Juin 2012 Cette version: http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/ Dernière version: http://www.w3.org/TR/css3-mediaqueries/ Le projet de dernière rédaction: http://dev.w3.org/csswg/css3-mediaqueries/ Version précédente: http://www.w3.org/TR/2012/PR-css3-mediaqueries-20120426/ Suivi des commentaires: http://www.w3.org/Style/2012/MediaQueriesDisposalOfComments.html Rédacteurs: Florian Rivoal < florianr@opera.com > Editors précédents: Håkon Wium Lie < howcome@opera.com > Tantek Çelik < tantek@cs.stanford.edu > Daniel Glazman < daniel.glazman @ perturbateur-innovations.com > Anne van Kesteren < annevk@opera.com > S'il vous plaît se référer aux errata de ce document, lequel peut contenir des corrections normatives. Voir aussi les traductions . Droit d'auteur © 2012 W3C ® ( MIT , ERCIM , Keio ), tous droits réservés. W3C responsabilité , marques et usage documents règles s'appliquent. Résumé HTML4 et CSS2 soutien actuellement dépendant du support des feuilles de style adaptés aux différents types de médias . Par exemple, un document peut utiliser des polices sans-serif lorsqu'elles sont affichées sur un écran et les polices à empattement lors de l'impression. « écran »et« imprimer »existe deux types de médias qui ont été définis. media queries étendre les fonctionnalités des types de média en permettant un étiquetage plus précis des feuilles de style. Une requête médias se compose d'un type de média et zéro ou plusieurs expressions que l'enregistrement pour les conditions particulières de fonctions multimédia . Parmi les fonctionnalités multimédia qui peuvent être utilisés dans les requêtes des médias sont « largeur »,« hauteur »et« couleur ». En utilisant les questions des médias, les présentations peuvent être adaptées à une gamme spécifique de périphériques de sortie sans modifier le contenu lui-même. Statut de ce document Cette section décrit le statut de ce document au moment de sa publication. D'autres documents peuvent remplacer ce document. Une liste des publications actuelles du W3C et la dernière révision de ce rapport technique peut être trouvée dans l' index des rapports techniques du W3C à http://w w w .w 3.org/TR/. Une recommandation du W3C est un document mature qui a été largement revu et a été montré pour être réalisable. Le W3C encourage tout le monde à mettre en œuvre cette spécification. L'( archivé ) publique mailing list www-style@w3.org (voir instructions ) est préférée pour la discussion de cette spécification. Lorsque l'envoi d'e-mail, s'il vous plaît mettre le texte "CSS3 mediaqueries" dans le sujet, de préférence comme ceci: «[ CSS3 mediaqueries ] ... Résumé de commentaire ... ". Ce document a été revu par les membres du W3C, par des développeurs de logiciels et par d'autres groupes du W3C et les parties intéressées, et il est approuvé par le Directeur comme recommandation du W3C. C'est un document stable qui peut être utilisé comme matériel de référence ou cité par un autre document. Le rôle du W3C en produisant la recommandation est d'attirer l'attention sur la 23/04/13 Media Queries www.w3.org/TR/css3-mediaqueries/ 2/14 1. 2. 3. 3.1. 4. 4.1. 4.2. 4.3. 4.4. 4.5. 4.6. . 4.7 . 4.8 4.9. 4.10. 4.11. . 4.12 4.13. 5. 6. 6.1. spécification et d'en promouvoir un large déploiement. Cela améliore la fonctionnalité et l'interopérabilité du Web. S'il vous plaît voir le Groupe de travail le rapport de mise en œuvre et la questions des médias suite de tests . Voir aussi la disposition des commentaires et une liste des changements par rapport à la proposition de recommandation précédente . Leur publication comme une recommandation du W3C n'implique pas l'approbation par les membres du W3C. Il s'agit d'un projet de document et peut être mis à jour, remplacé ou rendu obsolète par d'autres documents à tout moment. Il est inapproprié de citer ce document autrement que comme des travaux en cours. Ce document a été produit par le groupe de travail CSS (une partie de l' activité Style ). Ce document a été produit par un groupe agissant sous le Février 2004 politique de brevets du W3C du 5 . Le W3C tient une liste publique des divulgations de brevets faites en rapport avec les produits livrables du groupe; cette page contient également des instructions pour divulguer un brevet. Une personne qui a une connaissance réelle d'un brevet qu'il estime contenir des revendications essentielles (s) doit divulguer l'information conformément à l'article 6 de la politique de brevets du W3C . Ce document est le même que le précédent, projet de recommandation Version: à l'exception de la feuille de style, rédaction des modifications au préliminaires tels que le titre et la date, et l'enlèvement de la section des changements plus. Table des matières Contexte Media Queries Syntaxe Gestion des erreurs caractéristiques médias largeur hauteur Dispositif de largeur d' dispositif-hauteur orientation rapport d'aspect rapport d'aspect de l'appareil couleur couleur index monochrome résolution scan grille Valeurs Unités Résolution Remerciements Références Les références normatives Autres références 1. Contexte (Cette section n'est pas normative.) HTML4 [HTML401] et CSS2 [CSS21] soutenir actuellement dépendant du support des feuilles de style adaptés aux différents types de médias. Par exemple, un document peut utiliser différentes feuilles de style pour écran et impression. En HTML4, ce qui peut s'écrire: 23/04/13 Media Queries www.w3.org/TR/css3-mediaqueries/ 3/14 A l'intérieur une feuille de style CSS, on peut déclarer que les articles s'appliquent à certains types de médias: Le « impression »et« écran »types de supports sont définis dans HTML4. La liste complète des types de médias dans HTML4 est: « sonore »,« braille »,« de poche »,« print »,« projection »,« écran »,« ATS »,« tv ». CSS2 définit la même liste, désapprouve ' aural »et ajoute« en relief »et« discours ». En outre, « tous »est utilisé pour indiquer que la feuille de style s'applique à tous les types de médias. Feuilles de style spécifiques aux médias sont soutenus par plusieurs agents utilisateurs. La caractéristique la plus couramment utilisée consiste à faire la distinction entre « écran »et« print ». Il ya eu des demandes de façons de décrire plus en détail ce type de périphériques de sortie une feuille de style s'applique. Heureusement HTML4 prévoyait ces demandes et a défini une syntaxe compatible vers le haut pour les types de médias. Voici une citation de HTML4, section 6.13 : Les futures versions de HTML peuvent introduire de nouvelles valeurs et peuvent permettre que les valeurs paramétrées. Pour faciliter l'introduction de ces extensions, les agents utilisateurs conformes doivent être en mesure d'analyser lemédias 1. La valeur est une liste séparée par des virgules d'entrées. Par exemple, media = "screen, lunettes 3D, l'impression et la résolution> 90dpi" est mappé à: "Écran" "Lunettes 3D" "Impression et la résolution> 90dpi" 2. Chaque entrée est tronquée juste avant le premier caractère qui n'est pas une lettre ASCII US [a-zA-Z] (Unicode décimal 65-90, 97-122), chiffres [0-9] (hex Unicode 30-39), ou trait d'union (45). Dans l'exemple, cela donne: "Écran" "Lunettes 3D" "Print" Les requêtes d'information, tel que décrit dans cette spécification, s'appuient sur le mécanisme décrit dans HTML4. La syntaxe des requêtes médiatiques rentre pas dans la syntaxe du type de support réservé à HTML4. Le média attribut HTML4 existe aussi en XHTML et XML générique. La même syntaxe peut également être utilisé à l'intérieur de la ' @ media 'et' @ import règles »de CSS. Toutefois, les règles d'analyse pour les demandes des médias sont incompatibles avec celles du HTML4 afin qu'ils soient compatibles avec ceux de demandes des médias utilisés dans les CSS. HTML5 [HTML5] (au moment de la rédaction de travailler toujours en cours) fait référence à la spécification Requêtes médias directement et donc met à jour les règles de HTML. 2. Media Queries Une requête médias se compose d'un type de média et zéro ou plusieurs expressions que l'enregistrement pour les conditions particulières de fonctions multimédia . Déclarations concernant les demandes des médias dans cette section supposent la section syntaxe est suivie. Les requêtes d'information qui EXAMPLE 1 <link rel="stylesheet" type="text/css" media="screen" href="sans-serif.css"> <link rel="stylesheet" type="text/css" media="print" href="serif.css"> EXAMPLE 2 @ Media écran { * {Font-family: sans-serif} } valeur de l'attribut comme suit: Texte d'origine attribute value as follows: Proposer une meilleure traduction 23/04/13 Media Queries www.w3.org/TR/css3-mediaqueries/ 4/14 ne sont pas conformes à la syntaxe sont discutés dans la section de la gestion des erreurs . C'est à dire la syntaxe prend le pas sur les exigences de cette section. Une requête médias est une expression logique qui est vrai ou faux. Une requête médias est vrai si le type de support de la requête correspond au type de support de l'appareil où l'agent utilisateur est en marche (tel que défini dans la section «S'applique à" ligne), et toutes les expressions de la requête médias sont vraies. Une syntaxe abrégée est disponible pour les demandes des médias qui s'appliquent à tous les types de médias, le mot-clé « tout »peut être laissé de côté (avec la fuite ' et '). C'est à dire si le type de support n'est pas explicitement donnée, il est « tout ». Plusieurs requêtes de médias peuvent être combinés dans une liste de requêtes médias. Une liste séparée par des virgules questions des médias. Si une ou plusieurs des questions des médias dans la liste séparée par des virgules sont vrais, la liste entière est vrai, et false sinon. uploads/s3/ 0382-css3-media-queries.pdf