Unità di misura geometriche

Quando i valori numerici vengono indicati senza nessun suffisso l’unità di misura è il pixel.

Per indicare altre unità di misura si possono aggiungere alcuni suffissi dopo i valori numerici (senza spazi). I principali sono:

• % indica la percentuale rispetto alla dimensione dell’elemento contenitore

• rem e em indicano la dimensione del font principale (16px se non impostato altro valore) o di quello dell’elemento contenitore

• vw e vh indicano la percentuale rispetto alla larghezza e all’altezza dell’area interna della finestra del browser (viewport)

Ad esempio:

  <svg width="100vw" height="100vh">
    <rect x="0" y="0" width="100%" height="100%"></rect>
    <circle cx="50%" cy="50%" r="10em" fill="orange"></circle>
</svg>