aide gratuite page perso Accueil  | Internet | Informatique | Créer sa page persoGlossaireMenu | CSS
www.aidenet.com

 

CSS
Feuilles de style

Unités de mesure
Dimensions et valeurs
utilisées en CSS

Page - 50  www.aidenet.com

 

Valeurs

em

ex

px

 unités de mesure et valeurs


Valeurs et rapports
cm ( centimeter = 1cm = 10 mm )
in ( inche = 1in = 2.54 cm )
mm ( millimeter )
pc ( pica = 1pc = 12pt )
pt ( point = 1pt = 1/72 in )

Syntaxe des unités de mesure utilisées en CSS

Les propriétés admettent en CSS différentes unités de mesure et utilisent une syntaxe appropriée se répartissant suivant cinq types de valeurs :

 

- mots-clés

- valeurs de longueur

- unités relatives : em, ex, px
- unités absolues : in, mm, cm, pt, pc,

- valeurs en pourcentage : %

- couleurs : #RRVVBB, #RVB, rgb, keyword

- URL

Bien entendu vous retrouverez dans ces pages, les unités servant à mesurer les angles, les fréquences et la durée.

La valeur d'une propriété (qui correspond à une taille) est formée par des signes facultatifs "+" ou "-", suivi par un nombre, puis par une abréviation en deux lettres indiquant l'unité utilisée. Il ne peut y avoir d'espace à l'intérieur de cette valeur et pour les nombres décimaux, la virgule est impérativement remplacée par un point. ( Notez que les différentes unités présentées peuvent ne pas être acceptées par tous les navigateurs !!! )

Quelques valeurs peuvent prendre une valeur négative, mais je ne vous le conseille pas car cela peut compliquer le modèle de mise en forme et aussi dépendre des limites spécifiques des navigateurs, et je n'en ferai pas mention. Restons simple et buvons frais!

Toute déclaration dont le nom de la propriété ou sa valeur est absent ou invalide est ignorée (exemple: font-size:2.5 au lieu de font-size:2.5em) et chacune des propriétés CSS2 a ses propres restrictions syntaxiques et sémantiques sur les valeurs qu'elle accepte. C'est pourquoi vous avez trouvé en page 6a les valeurs qui s'appliquaient à la police du texte, et vous en trouverez de nouvelles et pas forcément les mêmes pour d'autres propriétés. Il suffira si besoin de se reporter à ces pages descriptives pour en revoir les détails et se rafraîchir la mémoire.

Les entiers et les nombres

Quelques valeurs peuvent avoir le type entier (dénoté par <integer>) ou le type nombre (dénoté par <nombre>). Les nombres et les entiers sont seulement spécifiés en notation décimale. Un <entier> consiste en un ou plusieurs chiffres compris de "0" à "9". Un <nombre> peut être un <entier> ou encore zéro, ou plusieurs chiffres, suivi par un point (.) et de nouveau un ou plusieurs chiffres. Les deux types pouvant être précédés par le signe "-" ou "+".

Noter que plusieurs propriétés, qui admettent comme valeur un entier ou un nombre, limitent en fait leurs valeurs dans une plage donnée, souvent à une valeur positive.


Les longueurs

Les longueurs s'appliquent aux mesures horizontales et verticales.

Une valeur de longueur (dénotée par <longueur>) est formée d'un signe facultatif ("+" ou "-", "+" étant la valeur par défaut), suivi immédiatement par un <nombre> (avec un point décimal ou non) et suivi immédiatement par un identifiant d'unité(ex. px, deg, ... : 1.5px ). Pour une valeur de longueur zéro " 0", l'identifiant d'unité est facultatif.

 

Valeurs

em

ex

px

 

Sommaire CSS.

 

 aide gratuite

Tous droits réservés © 1997- 2005. www. aidenet.com

 

validateur HTML  validateur CSS