La taille d'une propriété peut être exprimée de sous différentes unités : en pouces (inchs), en centimètres, en millimètres, en points, en picas, en pixels et en deux unités relatives correspondant à la hauteur de la police et la hauteur de la lettre "x" dans la police de caractère.

La valeur de la propriété 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'espaces à l'intérieur de cette valeur.

Ces différentes unités ne sont pas acceptées par tous les navigateurs.

Taille Correspondance Unité Valeur
acceptée		 Exemple
Inche 2,54 cm in Nombre réel 3.5in
Centimètre Un centième de mètre cm Nombre entier 9cm
Millimètre Un millième de mètre mm Nombre entier 30mm
Point 1/72éme de pouce pt Nombre entier 20pt
Pica 12 points pc Nombre réel 4.2pc
Pixel Le plus petit élément
de la résolution d'écran		 px Nombre entier 640px
Hauteur
de la police
de caractères*		 Unité définie par rapport
à la taille de la police
de caractères		 em Nombre réel 2.5em
Hauteur de
la lettre "x"*		 Unité définie par rapport à l'"x-height". ex Nombre réel -3.25ex

* L'unité "em" est égale à la valeur calculée de la propriété des dimensions de la police de caractères de l'élément sur lequel il est utilisé. L'exception est quand l'"em" se produit dans la valeur de la propriété des dimensions de la police de caractères elle-même qui dans ce cas fait référence aux dimensions de la police de caractères de l'élément parent. Il peut être utilisé pour des mesures verticales ou horizontales.

** L'unité "ex" est définie par la police de caractères "x-height". La hauteur-x est appelée ainsi parce qu'elle est souvent égale à la hauteur du lowercase "x". Cependant, l'unité "ex" est définie également pour des polices de caractères qui ne contiennent pas de "x". Seule cette unité de valeur pose des problèmes avec certains navigateurs (voir ci-dessous)

Exemple
<html>
  <head>
  <style>
      <--
      Sélecteur de balise {Propriété1:ValeurUnité; Propriété2:Valeur2;...} 
      ...
      Règles de style
      -->
      ...
  </style>
  </head>
  <body>
    ...
    Diverses commandes HTML
    ...
  </body>
</html>
Compatibilité
Windows Macintosh
NE4 NE6 NE7 IE5 IE55 IE6 OP5 OP6 OP7 NE4 NE6 NE7 IE4 IE5