CSS: Tabella di base | 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 testo / oggetto
Allineamento verticale del testo / oggetto
Sottolinea in varie modalità un testo
Imposta testo maiuscolo / minuscolo
Testo rientrato espresso in px, pt, %, em
Spazio tra una lettera e l'altra
Spazio tra una riga e l'altra
| | 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
Grandezza testo in px, pt, %, em
Carattere in vari spessori di grassetto
Carattere in corsivo
Stessa grandezza Maiuscole e minuscolo
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, carattere ...
colore, sottolineatura, carattere ...
colore, sottolineatura, carattere ...
colore, sottolineatura, 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)
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
Sfondo di una pagina o di una tabella
Colore dello sfondo di una pagina / tabella
Immagine di sfondo pagina / tabella
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
| Rientrato in px, pt, %, em (tutti i lati)
Rientrato in px, pt, %, em (superiore)
Rientrato in px, pt, %, em (sinistro)
Rientrato in px, pt, %, em (destro)
Rientrato in px, pt, %, em (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 - 250,250,250)
colore (White - 250,250,250)
colore (White - #FFFFFF)
colore (White - #FFFFFF)
colore (White - #FFFFFF)
dimensione
dimensione
dimensione
dimensione
dimensione
none, left, right
none, left, right, both
| Combina tutti i valori per tutti i bordi
Combina tutti i valori 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 bordo superiore del box
Imposta lo stile del bordo sinistro del box
Imposta lo stile del bordo destro del box
Imposta lo stile bordo inferiore del box
Imposta colore di tutti i bordi del box
Imposta colore bordo superiore del box
Imposta colore del bordo sinistro del box
Imposta colore del bordo destro del box
Imposta colore del bordo inferiore del box
Dimensione in px, pt, %, em, es. 12px
Dimensione in px, pt, %, em, es. 12px
Dimensione in px, pt, %, em, es. 12px
Dimensione in px, pt, %, em, es. 12px
Dimensione 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. ...)
Numeri romani maiuscolo (I. II. III. ...)
Lettere minuscole (a. b. c. ...)
Lettere maiuscole (A. B. C. ...)
Immagine al posto dei puntatori elencati
Posizione dell'elenco sullo schermo
Tutte le proprietà utilizzate | | Dimensionamento degli elementi | width
height
clip
| numerico
numerico
rect, circle, polygon
| Larghezza elemento in px, pt, %, em
Altezza elemento in px, pt, %, em
Forma elemento quadrata,cerchio, astratta
| | Posizionemanto degli elementi su di un documento | position
top
left
z-index
| absolute, relative, static
numerico
numerico
numerico, auto
| Posizionamento elemento sulla pagina
Posizionamento dall'alto in px, pt, %, em
Posizionamento dal basso, px, pt, %, em
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 per default
Freccia normale
Croce tipo mirino
mano, classica (su di un link)
Croce con frecce direzionali (popup)
Freccia verso destra
Freccia normale verso destra
Freccia normale verso sinistra (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 (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
Colora la barra vera e propria (in movimento)
Colora l'ombra della barra di scorrimento
Colora le frecce della barra di scorrimento
Colora separatore barra - parte con frecce
Colora parte esterna all'ombra barra
Colora la parte tridimensionale -con le frecce
Colora la parte sottostante della barra, quella su cui si muove
| |
