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.Javascript e DHTML
Lo scripting lato client con Javascript adatto a qualsiasi livello di esperienza.MS Access
Il noto database attraverso la sua interfaccia visuale ed il linguaggio SQL.Front Page
Corso completo sul noto editor HTML della Microsoft.VBA
Gestire documenti Microsoft Office (Word, Excel ed Acces).Webmaster Avanzato
Percorso completo volto a formare dei professionisti del Web.CSS e XHTML
Web Design ed Accessibilità secondo il W3C.HTML
Corso del linguaggio di marcatura per il Web.
