Home + Webmaster + Servizi utili + Manuali + Manuale CSS + Referenze dei fogli di stile CSS

Referenze dei fogli di stile CSS

Elementi di testo

Attributo Valori Descrizione
text-align left, right, center, justify Allineamento orizzontale del testo o di un oggetto
vertical-align top, middle, bottom Allineamento verticale del testo o di un oggetto
text-decoration none, underline, overline, line-through Sottolinea in varie modalià  un testo
text-transform uppercase, lowercase, capitalize Imposta un testo in maiuscolo o in minuscolo
text-indent numerico Testo rientrato espresso in px, pt, %, em, es. 12px
letter-spacing numerico Spazio tra una lettera e l'altra espresso... (come sopra)
line-height numerico Spazio tra una riga e l'altra espresso... (come sopra)

Elementi di formattazione del testo

Attributo Valori Descrizione
font-family nome carattere Carattere da utilizzare, es. Verdana
font-size numerico Grandezza testo espresso in px, pt, %, em, es. 12px
font-weight normal, light, demi-light, extra-light, medium, bold, demi-bold, extra-bold Imposta il carattere in vari spessori di grassetto
font-style normal, italic, oblique Imposta il carattere in carattere corsivo
font-variant normal, small-caps Imposta maiuscole e minuscole alla stessa grandezza
first-letter tutti i possibili valori di stile testuali Proprietà  della prima lettera di una riga
first-line tutti i possibili valori di stile testuali Proprietà  della prima riga di un paragrafo

Link

Attributo Valori Descrizione
a:link colore, sottolineatura, grandezza carattere Impostazione di default dei link
a:hover colore, sottolineatura, grandezza carattere Azione al passaggio del mouse
a:active colore, sottolineatura, grandezza carattere Azione sul link attivo (al click)
a:visited colore, sottolineatura, grandezza carattere Azione del link visitato

Colori e sfondi

Attributo Valori Descrizione
color colore (White -#FFFFFF- 250,250,250) Imposta il colore degli elementi selezionati (testo, bordi ...)
background transparent, colore..., url (file), repeat, scroll, position Proprietà  varie dello sfondo di una pagina o di una tabella
background-color transparent, colore... Imposta il colore dello sfondo di una pagina o di una tabella
background-image none, url (file) Seleziona un'immagine di sfondo per una pagina o una tabella
background-repeat repeat, repeat-x, repeat-y, no-repeat Imposta la ripetizione dell'immagine di sfondo...
background-attachment scroll, fixed Proprietà  di scrolling dello sfondo
background-position relative, absolute, allineamento orizzontale, allineamento verticale Posizionamento dinamico dell'immagine di sfondo

Margini di una pagina o di un box

Attributo Valori Descrizione
margin auto, numerico Effetto rientrato espresso in px, pt, %, em, es. 12px (tutti i lati)
margin-top auto, numerico Effetto rientrato espresso in px, pt, %, em, es. 12px (superiore)
margin-left auto, numerico Effetto rientrato espresso in px, pt, %, em, es. 12px (sinistro)
margin-right auto, numerico Effetto rientrato espresso in px, pt, %, em, es. 12px (destro)
margin-bottom auto, numerico Effetto rientrato espresso in px, pt, %, em, es. 12px (inferiore)

Bordi di una pagina o di un box

Attributo Valori Descrizione
border stile, dimensione, colore Combina tutti i valori per tutti i bordi
border-top stile, dimensione, colore Combina tutti i valori per il bordo superiore
border-left stile, dimensione, colore Combina tutti i valori per il bordo sinistro
border-right stile, dimensione, colore Combina tutti i valori per il bordo destro
border-bottom stile, dimensione, colore Combina tutti i valori per il bordo inferiore
border-style none, solid, double, groove, ridge, inset, outset Imposta lo stile di tutti i bordi del box
border-top-style none, solid, double, groove, ridge, inset, outset Imposta lo stile del border superiore del box
border-left-style none, solid, double, groove, ridge, inset, outset Imposta lo stile del border sinistro del box
border-right-style none, solid, double, groove, ridge, inset, outset Imposta lo stile del border destro del box
border-bottom-style none, solid, double, groove, ridge, inset, outset Imposta lo stile del border inferiore del box
border-color colore (White -#FFFFFF- 250,250,250) Imposta il colore di tutti i bordi del box
border-top-color colore (White -#FFFFF - 250,250,250) Imposta il colore del borde superiore del box
border-left-color colore (White -#FFFFFF- 250,250,250) Imposta il colore del borde sinistro del box
border-right-color colore (White -#FFFFFF- 250,250,250) Imposta il colore del borde destro del box
border-bottom-color colore (White -#FFFFFF- 250,250,250) Imposta il colore del borde inferiore del box
border-width dimensione Dimensione espressa in px, pt, %, em, es. 12px
border-top-width dimensione Dimensione espressa in px, pt, %, em, es. 12px
border-left-width dimensione Dimensione espressa in px, pt, %, em, es. 12px
border-right-width dimensione Dimensione espressa in px, pt, %, em, es. 12px
border-bottom-width dimensione Dimensione espressa in px, pt, %, em, es. 12px
float none, left, right Permette il posizionamento di un elemento
clear none, left, right, both Permette il posizionamento di un elemento
Referenze dei fogli di stile CSS
1 2