DokuWiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
|<- [[cccn:Setting properties]]|[[cccn:Inline styles]] ->|
=====Unités=====
  - absolues (ou valeurs fixes), particulièrement adaptées pour les //devices// avec une sortie de taille connue, comme une imprimante.
    - in:inches
    - cm:centimeters
    - mm:millimeters
    - pt:points
    - pc:picas
  - relatives, plus adaptées pour les //devices// dont la taille n'est pas connue ou peut varier, et est donc //relative// à d'autre paramètres.
    - em:ems (si utilisé pour font-size, 1em est égal à la taille typo par défaut du navigateur, pour une autre propriétés, 1em = égal à la taille typo du bloc).
    - ex:exes
    - px:pixels (relatifs au pixel-ratio du //device//).
    - gd:grids (typographie est-asiatique)
    - rem:root ems
    - vw:viewport width
    - vh:viewport height
    - vm:viewport minimum
    - ch:character

Pour les em, on peut définir une taille font-size pour le body puis travailler avec des multiples de cette taille :
<code>body{ font-size: 100%;
h1 { font-size: 1.6em }
h2 { font-size: 1.4em }
h3 { font-size: 1.2em }
p { font-size: 1em }
</code>

Exemple d'usage pour les em hors font-size :
<code>h1 {             // device font size : 16px
  font-size: 2em;      // 2 x 16px = 32px
  margin-bottom: 1em;  // 32px aussi ! 1em = font-size de l'élément
}</code>

====Ex====

  - basée sur la hauteur d'x d'une fonte.

====Rem====

  - em liées à l'élément racine (body, html), non au parent immédiat.

====Pourcentages====

  - relatifs à l'éléments parent.