Referenze dei fogli di stile Css

Design di siti Web con HTML e CSS Disegno di siti Web con HTML, CSS e Dynamic HTML.

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, demi-bold, extra-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, allineamento verticale	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