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 |
Manuali
AutoCAD
Corso base del noto software per il disegno geometrico professionale.Flash MX
Corso sul più famoso programma multimediale disponibile sul mercato.Flash MX e Action Script
Corso di programmazione ActionScript per rendere interattivi i filmati Flash.PHP Completo
Imparare a fondo il PHP, a partire dalle basi fino ai concetti avanzati.Visual Basic 6
Imparare a programmare col noto linguaggio di casa Microsoft.MySQL
Corso completo sul famoso DBMS open-source.Front Page
Corso completo sul noto editor HTML della Microsoft.Linux
Sistema operativo open-source, completamente gratuito e potente.Web Marketing
Corso come promuove un sito Web su Internet.CSS e XHTML
Web Design ed Accessibilità secondo il W3C.
