Tempo di lettura: 5 minuti

Il reference CSS tratto dal sito W3Schools, è testato regolarmente con tutti i maggiori browser.
Testato: 09 Novembre 2009.

CSS raggruppati per proprietà

La colonna “CSS” indica in quale versione la proprietà è definita (CSS1 o CSS2).

Proprietà dello Sfondo

Proprietà Descrizione CSS
background Imposta tutte le proprietà dello sfondo in un’unica dichiarazione 1
background-attachment Imposta la proprietà di un’immagine di sfondo perché resti fissa o rotoli con il resto della pagina 1
background-color Imposta il colore di sfondo di un elemento 1
background-image Imposta l’immagine di sfondo per un elemento 1
background-position Imposta la posizione di partenza di un’immagine di sfondo 1
background-repeat Imposta il modo in cui lo sfondo dovrà essere ripetuto 1

Proprietà per Bordi e Contorni

Proprietà Descrizione CSS
border Imposta tutte le proprietà dei bordi in un’unica dichiarazione 1
border-bottom Imposta tutte le proprietà del bordo inferiore in un’unica dichiarazione 1
border-bottom-color Imposta il colore del bordo inferiore 2
border-bottom-style Imposta lo stile del bordo inferiore 2
border-bottom-width Imposta lo spessore del bordo inferiore 1
border-color Imposta il colore di tutti e quattro i bordi 1
border-left Imposta tutte le proprietà del bordo sinistro in un’unica dichiarazione 1
border-left-color Imposta il colore del bordo sinistro 2
border-left-style Imposta lo stile del bordo sinistro 2
border-left-width Imposta lo spessore del bordo sinistro 1
border-right Imposta tutte le proprietà del bordo destro in un’unica dichiarazione 1
border-right-color Imposta il colore del bordo destro 2
border-right-style Imposta lo stile del bordo destro 2
border-right-width Imposta lo spessore del bordo destro 1
border-style Imposta lo stile di tutti e quattro i bordi 1
border-top Imposta tutte le proprietà del bordo superiore in un’unica dichiarazione 1
border-top-color Imposta il colore del bordo superiore 2
border-top-style Imposta lo stile del bordo superiore 2
border-top-width Imposta lo spessore del bordo superiore 1
border-width Imposta lo spessore di tutti e quattro i bordi 1
outline Imposta tutte le proprietà del contorno in un’unica dichiarazione 2
outline-color Imposta il colore di un bordo 2
outline-style Imposta lo stile di un bordo 2
outline-width Imposta lo spessore di un bordo 2

Dimensioni

Proprietà Descrizione CSS
height Imposta l’altezza di un elemento 1
max-height Imposta l’altezza massima di un elemento 2
max-width Imposta la larghezza massima di un elemento 2
min-height Imposta l’altezza minima di un elemento 2
min-width Imposta la larghezza minima di un elemento 2
width Imposta la larghezza di un elemento 1

Proprietà dei Font

Proprietà Descrizione CSS
font Imposta tutte le proprietà del font in un’unica dichiarazione 1
font-family Specifica la famiglia di font di un testo 1
font-size Specifica la dimensione del font di un testo 1
font-style Specifica lo stile del font per un testo 1
font-variant Specifica se un testo deve essere mostrato o meno in formato small-caps (maiuscoletto) 1
font-weight Specifica il “peso” di un font 1

Proprietà per il Contenuto Generato

Proprietà Descrizione CSS
content Usato con gli pseudo-elementi :before e :after per inserire il contenuto generato 2
counter-increment Incrementa uno o più contatori 2
counter-reset Crea o azzera uno o più contatori 2
quotes Imposta il tipo di virgolette per le citazioni incorporate 2

Proprietà delle Liste

Proprietà Descrizione CSS
list-style Imposta tutte le proprietà di una lista in un’unica dichiarazione 1
list-style-image Specifica un’immagine come marcatore degli elementi di una lista 1
list-style-position Specifica se il marcatore degli elementi di una lista deve apparire all’interno o all’esterno del flusso del contenuto 1
list-style-type Specifica il tipo di marcatore degli elementi di una lista 1

Proprietà Margine esterno

Proprietà Descrizione CSS
margin Imposta tutte le proprietà del margine esterno in un’unica dichiarazione 1
margin-bottom Imposta il margine esterno inferiore di un elemento 1
margin-left Imposta il margine esterno sinistro di un elemento 1
margin-right Imposta il margine esterno destro di un elemento 1
margin-top Imposta il margine esterno superiore di un elemento 1

Proprietà Margine interno

Proprietà Descrizione CSS
padding Imposta tutte le proprietà del margine interno in un’unica dichiarazione 1
padding-bottom Imposta il margine interno inferiore di un elemento 1
padding-left Imposta il margine interno sinistro di un elemento 1
padding-right Imposta il margine interno destro di un elemento 1
padding-top Imposta il margine interno superiore di un elemento 1

Proprietà di Positionamento

Proprietà Descrizione CSS
bottom Imposta il limite dal bordo inferiore per una casella posizionata 2
clear Specifica quali lati di un elemento non ammette “elementi galleggianti” 1
clip Clip di un elemento posizionato in modo assoluto 2
cursor Specifica il tipo di puntatore che deve essere mostrato 2
display Specifica il tipo di casella che un elemento dovrebbe generare 1
float Specifica se una finestra deve “galleggiare” 1
left Imposta il limite dal bordo sinistro per una casella posizionata 2
overflow Specifica cosa succede se il contenuto eccede i limiti di una casella 2
position Specifica il tipo di posizionamento di un elemento 2
right Imposta il limite dal bordo destro per una casella posizionata 2
top Imposta il limite dal bordo superiore per una casella posizionata 2
visibility Specifica la visibilità di un elemento 2
z-index Imposta l’ordine dell’elemento di una pila 2

Proprietà di Stampa

Proprietà Descrizione CSS
orphans Imposta il numero minimo di righe che deve essere lasciato in fondo ad una pagina quando si verifica un’interruzione di pagina all’interno di un elemento 2
page-break-after Imposta il comportamento dell’interruzione di pagina dopo un elemento 2
page-break-before Imposta il comportamento dell’interruzione di pagina prima di un elemento 2
page-break-inside Imposta il comportamento dell’interruzione di pagina all’interno di un elemento 2
widows Imposta il numero minimo di righe che deve essere lasciato in cima ad una pagina quando si verifica un’interruzione di pagina all’interno di un elemento 2

Proprietà per le Tabelle

Proprietà Descrizione CSS
border-collapse Specifica se i bordi della tabella dovranno essere collassati o meno 2
border-spacing Specifica la distanza tra i bordi delle celle adiacenti 2
caption-side Specifica la posizione della didascalia di tabella 2
cells Specifica se visualizzare o meno i bordi e lo sfondo delle celle vuote di una tabella 2
table-layout Imposta l’algoritmo di layout da utilizzare per la tabella 2

Proprietà del testo

Proprietà Descrizione CSS
color Imposta il colore di un testo 1
direction Specifica la direzione di un testo 2
letter-spacing Aumenta o diminuisce lo spazio tra i caratteri in un testo 1
line-height Imposta l’altezza della linea 1
text-align Specifica l’allineamento orizzontale del testo 1
text-decoration Specifica l’effetto di decorazione da applicare al testo 1
text-indent Specifica l’indentazione della prima linea di un blocco di testo 1
text-shadow Specifica l’effetto ombra da applicare al testo 2
text-transform Permette di controllare le maiuscole/minuscole in un testo 1
unicode-bidi 2
vertical-align Imposta l’allineamento verticale di un elemento 1
white-space Specifica come devono essere gestiti gli “spazi bianchi” (white-space) dentro un elemento 1
word-spacing Aumenta o diminuisce lo spazio tra le parole in un testo 1

CSS Pseudo-classi/elementi

Proprietà Descrizione CSS
:active Aggiunge uno stile ad un elemento che è attivato 1
:after Aggiunge contenuto dopo un elemento 2
:before Aggiunge contenuto prima di un elemento 2
:first-child Aggiunge uno stile ad un elemento che è il primo figlio di un altro elemento 2
:first-letter Aggiunge uno stile al primo carattere di un testo 1
:first-line Aggiunge uno stile alla prima linea di un testo 1
:focus Aggiunge uno stile ad un elemento che è pronto a ricevere un input dalla tastiera 2
:hover Aggiunge uno stile ad un elemento quando il puntatore del mouse è sopra di lui 1
:lang Aggiunge uno stile ad un elemento con uno specifico attributo di lingua 2
:link Aggiunge uno stile ad un link non ancora visitato 1
:visited Aggiunge uno stile ad un link visitato 1

 

Fonte: http://www.w3schools.com/tags/ref_byfunc.asp
Traduzione a cura di Eugenio Palumbo