| Attributo | Valori | Descrizione |
| Elementi di testo | ||
|
text-align vertical-align text-decoration text-transform text-indent letter-spacing line-height |
left, right, center, justify top, middle, bottom none, underline, overline, line-through uppercase, lowercase, capitalize numerico numerico numerico |
Allineamento
orizzontale del testo o di un oggetto Allineamento verticale del testo o di un oggetto Sottolinea in varie modalità un testo Imposta un testo in maiuscolo o in minuscolo Testo rientrato espresso in px, pt, %, em, es. 12px Spazio tra una lettera e l'altra espresso... (come sopra) Spazio tra una riga e l'altra espresso... (come sopra) |
| Elementi di formattazione del testo | ||
|
font-family font-size font-weight font-style font-variant first-letter first-line |
nome carattere numerico normal, light, demi-light, extra-light, medium, bold normal, italic, oblique normal, small-caps tutti i possibili valori di stile testuali tutti i possibili valori di stile testuali |
Carattere da utilizzare, es.
Verdana Grandezza testo espresso in px, pt, %, em, es. 12px Imposta il carattere in vari spessori di grassetto Imposta il carattere in corsivo Imposta maiuscole e minuscole alla stessa grandezza Proprietà della prima lettera di una riga Proprietà della prima riga di un paragrafo |
| Link | ||
|
a:link a:hover a:active a:visited |
colore,
sottolineatura,
grandezza carattere ... colore, sottolineatura, grandezza carattere ... colore, sottolineatura, grandezza carattere ... colore, sottolineatura, grandezza carattere ... |
Impostazione di default dei link Azione al passaggio del mouse Azione sul link attivo (al click) Azione del link visitato |
| Colori e sfondi | ||
|
color background background-color background-image background-repeat background-attachment background-position |
colore
(White - #FFFFFF - 250,250,250) transparent, colore..., url (file), repeat, scroll, position transparent, colore... none, url (file) repeat, repeat-x, repeat-y, no-repeat scroll, fixed relative, absolute, allineamento orizzontale |
Imposta il colore degli elementi
selezionati (testo, bordi ...) Proprietà varie dello sfondo di una pagina o di una tabella Imposta il colore dello sfondo di una pagina o di una tabella Seleziona un'immagine di sfondo per una pagina o una tabella Imposta la ripetizione dell'immagine di sfondo... Proprietà di scrolling dello sfondo Posizionamento dinamico dell'immagine di sfondo |
| Margini di una pagina o di un box | ||
|
margin margin-top margin-left margin-right margin-bottom |
auto, numerico auto, numerico auto, numerico auto, numerico auto, numerico |
Effetto rientrato espresso in
px,
pt,
%,
em, es.
12px (tutti
i lati) Effetto rientrato espresso in px, pt, %, em, es. 12px (superiore) Effetto rientrato espresso in px, pt, %, em, es. 12px (sinistro) Effetto rientrato espresso in px, pt, %, em, es. 12px (destro) Effetto rientrato espresso in px, pt, %, em, es. 12px (inferiore) |
| Bordi di una pagina o di un box | ||
|
border border-top border-left border-right border-bottom border-style border-top-style border-left-style border-right-style border-bottom-style border-color border-top-color border-left-color border-right-color border-bottom-color border-width border-top-width border-left-width border-right-width border-bottom-width float clear |
stile,
dimensione,
colore stile, dimensione, colore stile, dimensione, colore stile, dimensione, colore stile, dimensione, colore none, solid, double, groove, ridge, inset, outset none, solid, double, groove, ridge, inset, outset none, solid, double, groove, ridge, inset, outset none, solid, double, groove, ridge, inset, outset none, solid, double, groove, ridge, inset, outset colore (White - #FFFFFF - 250,250,250) colore (White - #FFFFFF - 250,250,250) colore (White - #FFFFFF - 250,250,250) colore (White - #FFFFFF - 250,250,250) colore (White - #FFFFFF - 250,250,250) dimensione dimensione dimensione dimensione dimensione none, left, right none, left, right, both |
Combina tutti i valori per
tutti i bordi Combina tutti i valori per il bordo superiore Combina tutti i valori per il bordo sinistro Combina tutti i valori per il bordo destro Combina tutti i valori per il bordo inferiore Imposta lo stile di tutti i bordi del box Imposta lo stile del borde superiore del box Imposta lo stile del borde sinistro del box Imposta lo stile del borde destro del box Imposta lo stile del borde inferiore del box Imposta il colore di tutti i bordi del box Imposta il colore del borde superiore del box Imposta il colore del borde sinistro del box Imposta il colore del borde destro del box Imposta il colore del borde inferiore del box Dimensione espressa in px, pt, %, em, es. 12px Dimensione espressa in px, pt, %, em, es. 12px Dimensione espressa in px, pt, %, em, es. 12px Dimensione espressa in px, pt, %, em, es. 12px Dimensione espressa in px, pt, %, em, es. 12px Permette il posizionamento di un elemento Permette il posizionamento di un elemento |
| Spaziatura interna di una pagina o di un box | ||
|
padding padding-top padding-left padding-right padding-bottom |
numerico numerico numerico numerico numerico |
Espresso in px,
pt,
%,
em, es.
12px Espresso in px, pt, %, em, es. 12px Espresso in px, pt, %, em, es. 12px Espresso in px, pt, %, em, es. 12px Espresso in px, pt, %, em, es. 12px |
| Visualizzazione e visibilità di tutti gli elementi | ||
|
display visibility overflow |
none, block, inline, list-item visible, hidden, inherit auto, visible, hidden, scroll |
Elemento NON visibile: NON considera
lo spazio che occuperebbe Elemento NON visibile: considera lo spazio che occuperebbe Visualizzazione dinamica delle barre di scorrimento |
| Liste | ||
|
list-style-type list-style-image list-style-position list-style |
none disk circle square decimal lower-roman upper-roman lower-alpha upper-alpha none, file immagine inside, outside tutti |
Nessun puntatore Cerchio pieno Cerchio vuoto Quadrato pieno Numeri arabi (1. 2. 3. ...) Numeri romani in minuscolo (i. ii. iii. iv. ...) Numeri romani in maiuscolo (I. II. III. IV. ...) Lettere minuscole (a. b. c. ...) Lettere maiuscole (A. B. C. ...) Inserisce un'immagine al posto dei puntatori elencati Stabilisce la posizione dell'elenco sullo schermo Tutte le proprietà utilizzate, es. list-style: disk, inside, url(file.gif) |
| Dimensionamento degli elementi | ||
|
width height clip |
numerico numerico rect, circle, polygon |
Larghezza di un elemento espressa in
px,
pt,
%,
em, es.
12px Altezza di un elemento espressa in px, pt, %, em, es. 12px Forma di un elemento, quadrata, circolare, astratta |
| Posizionemanto degli elementi su di un documento | ||
|
position top left z-index |
absolute, relative, static numerico numerico numerico, auto |
Posizionamento di un elemento sulla
pagina Posizionamento dall'alto espresso in px, pt, %, em, es. 12px Posizionamento dal basso espresso in px, pt, %, em, es. 12px Consente di sovrapporre elementi, i valori sono 1 e -1 |
| Cursore | ||
| cursor |
auto default crosshair hand move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help |
Forma automatica, stabilita dallo
sviluppatore per default Freccia normale Croce tipo mirino mano, classica di quando si passa su di un link Croce con frecce direzionali come quando si sposta una popup Freccia verso destra Freccia normale verso destra Freccia normale verso sinistra (come per default) Freccia verso l'alto Freccia normale in basso verso destra Freccia normale in basso verso sinistra Freccia verso il basso Freccia verso sinistra Linea orizzontale, classica di quando si passa su di un testo Clessidra Punto interrogativo |
| Proprietà di stampa | ||
|
page-break-before page-break-after |
auto, always :: left, right auto, always :: left, right |
Interruzione di riga
prima della fine del
testo da stampare Interruzione di riga dopo la fine del testo da stampare |
| Barre di scorrimento (stile & colore) | ||
|
scrollbar-base-color scrollbar-face-color scrollbar-face-color scrollbar-arrow-color scrollbar-highlight-color scrollbar-dark-shadow-color scrollbar-3d-light-color scrollbar-track-color |
colore colore colore colore colore colore colore colore |
Colora l'intermezzo tra le sfumature
di tutte le sue componenti Colora la barra vera e propria, cioè la parte in movimento Colora l'ombra della barra di scorrimento vera e propria Colora le frecce della barra di scorrimento Colora il separatore tra la barra e la parte con le frecce Colora la parte esterna all'ombra della barra di scorrimento Colora la parte tridimensionale della parte contenete le frecce Colora la parte sottostante della barra, quella su cui si muove |
 |
|
 |
