Unità di misura nei CSS :
|
Unità di misura |
Descrizione |
Esempio |
Risultato |
|
cm |
Centimetri |
font-size: 1cm; |
Risultato |
|
mm |
Millimetri |
font-size: 7mm; |
Risultato |
|
in |
Pollici |
font-size: 0,25in; |
Risultato |
|
pt |
Punti |
font-size: 12pt; |
Risultato |
|
pc |
Pica(=12 punti) |
font-size: 2pc; |
Risultato |
|
px |
Pixel |
font-size: 25px; |
Risultato |
|
em |
Lun. lettera m |
Font-size:2,5em; |
Risultato |
|
ex |
Altezza carattere x |
font-size: 3ex; |
Risultato |
Valori assoluti:
|
Valore |
Sintassi descrizione |
Risultato |
|
xx-small |
font-size: xx-small; |
Risultato |
|
x-small |
font-size: x-small; |
Risultato |
|
small |
font-size: small; |
Risultato |
|
medium |
font-size: medium; |
Risultato |
|
large |
font-size: large; |
Risultato |
|
x-large |
font-size: x-large; |
Risultato |
|
xx-large |
font-size: xx-large; |
Risultato |
Valori
relativi:
|
Valore |
Sintassi descrizione |
Risultato |
|
smaller |
font-size: smaller; |
Risultato |
|
larger |
font-size: larger; |
Risultato |
Colori:
|
Valore |
Sintassi descrizione |
Risultato |
|
nome |
color: green |
Risultato |
|
valore esadecimale |
color: #008000; |
Risultato |
|
valore RGB |
color: rgb(0,128,0); |
Risultato |
|
percentuale RGB |
color: rgb(0%,50%,0%); |
Risultato |
Posizionamento
Box
|
Attributo |
Parametro |
Descrizione |
|
position |
absolute - static - relative-fixed |
Il modo in cui può essere posizionato un box contenitore. |
|
top |
cm - mm - in - pt - pc - px -ex - em - % |
la distanza del contenitore dal margine alto della finestra del browser o dal box precedente. |
|
right |
cm - mm - in - pt - pc - px -ex - em - % |
la distanza del contenitore dal margine destro della finestra del browser o dal box destro. |
|
bottom |
cm - mm - in - pt - pc - px -ex - em - % |
la distanza del contenitore dal margine basso della finestra del browser o dal box sotto. |
|
left |
cm - mm - in - pt - pc - px -ex - em- % |
la distanza del contenitore dal margine sinistro della finestra del browser o dal box sinistro. |
|
|
|
|
|
height |
cm - mm - in - pt - pc - px -ex - em - % |
Altezza del contenitore se posizionato in modo absolute. |
|
width |
cm - mm - in - pt - pc - px -ex - em - % |
Larghezza del contenitore se posizionato in modo absolute. |
|
overflow |
visible - hidden - scroll |
Contenuto che supera Larghezza Altezza del box contenitore. |
|
visibility |
visible - hidden - |
Visibilità o meno di un box contenitore. |
|
Z-index |
xx (numeri interi positivi) |
L'ordine di priorità di visualizzazione di un box contenitore. |