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

 

CSS
Feuilles de style

Unités de mesure
Valeurs relatives en
CSS

Page - 53  www.aidenet.com

 

Valeurs

em

ex

px

valeurs px




Unité de mesure relative en CSS : px

- em : la valeur de "font-size" pour la police concernée
- ex : la valeur de "x-height" pour la police concernée
- px : la valeur de "font-size", en fonction de l'appareil de visualisation.

L'unité "px " est un petit carré à l'écran que le CSS définit de façon un peu abstraite et dont dépend la densité (résolution) en pixel d'affichage selon l'unité de sortie (en général un moniteur). C'est en fait le plus petit élément de la résolution d'écran. Utilisable pour toutes les propriétés acceptant les mention de longueur.

 

Les résultats appliqués aux textes sont parfois aléatoires et l'utilisation de cette mesure est dans ces cas à décider avec beaucoup de prudence. Par contre vous utiliserez plus facilement les pixels pour définir les dimensions d'une boîte. Enfin sachez que pour de nombreux utilisateurs il est préférable de concevoir ses pages avec des "em" et des pourcentages et je me range moi aussi à ce concept.


Utilisable pour toutes les propriétés acceptant les mention de longueur et uniquement avec des nombres entiers.

 

Code dans HEAD

<STYLE type="text/css">
body
{
font-family: arial, verdana, sans-serif ;
font-size: 10pt ;
color: black ;
background-color: #FFFFFF ;

}

.essaipx
{
font-size: 24 px ;
}

</STYLE>

 

Code dans BODY

<p class="essaipx"> Voici ce que donne un texte affect&eacute; du tag ".essaipx" avec une valeur de 24px. </p>

 

Exemple

Voici ce que donne un texte affecté du tag ".essaipx" avec une valeur de 24px.Voici ce que donne un texte affecté du tag ".essaipx" avec une valeur de 24px. Voici ce que donne un texte affecté du tag ".essaipx" avec une valeur de 24px.

 

Valeurs

em

ex

px

 

Sommaire CSS.

 

 aide gratuite

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

 

validateur HTML  validateur CSS