Sono quei
valori che vanno specificati negli attributi e variano a
seconda dell'attributo stesso, nelle tabelline riportate
sotto è possibile rendersi conto di come possono essere
espressi, alcuni di essi producono lo stesso risultato per
cui sarete voi a decidere quale adoperare in base ai vostri
gusti e alla vostra indole.
Unità di misura:
ho adoperato l'attributo font-size
con i parametri per i vari esempi.
Unità |
Descrizione |
Esempio |
Risultato |
cm |
Centimetri |
1cm |
Risultato |
mm |
Millimetri |
7mm |
Risultato |
in |
Pollici |
0,25in |
Risultato |
pt |
Punti |
12pt |
Risultato |
pc |
Pica(=12 punti) |
2pc |
Risultato |
px |
Pixel |
25px |
Risultato |
em |
Lun. lettera m |
2,5em |
Risultato |
ex |
Altezza carattere x |
3ex |
Risultato |
Valori assoluti:
ho adoperato l'attributo font-size
per i vari esempi.
Descrizione |
Sintassi |
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:
ho adoperato l'attributo font-size
per i vari esempi.
Descrizione |
Sintassi |
Risultato |
xx-small |
font-size : smaller |
Risultato |
larger |
font-size : larger |
Risultato |
Colori:
ho adoperato l'attributo font-size
15px per i vari esempi.
Descrizione |
Sintassi |
Risultato |
nome |
color:red |
Risultato |
valore esadecimale |
color:#ff0000 |
Risultato |
valore RGB |
color:rgb(255,0,0) |
Risultato |
percentuale RGB |
color:rgb(100%,0%,0%) |
Risultato |
Posizionamento:
si tratta di elementi necessari per posizionare i
contenitori o livelli.
Attributo |
Parametri |
Descrizione |
position |
absolute - static -
relative |
Il modo in cui deve
essere posizionato un contenitore o livello. |
left |
cm - mm - in - pt - pc
- px - ex - em |
la distanza del
contenitore dal margine sinistro della finestra del
browser. |
top |
cm - mm - in - pt - pc
- px - ex - em |
la distanza del
contenitore dal margine superiore della finestra del
browser. |
height |
cm - mm - in - pt - pc
- px - ex - em |
Altezza del
contenitore se posizionato in modo absolute. |
widht |
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 contenitore o livello. |
visibility |
visible - hidden - |
Visibilità o meno di
un contenitore o livello. |
Z-index |
numeri positivi o
negativi |
L'ordine di priorità
di visualizzazione di un contenitore o livello. |
|