I possibili parametri 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.
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 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.