Referenze ed elenco dei comandi del linguaggio Css

Il presente documento è stato redatto nel Luglio del2002 in base alle più recenti disposizioni in materiadettate dal W3C e da Microsoft MSDN.

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... (comesopra)
Spazio tra una riga e l'altra espresso... (comesopra)
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 stessagrandezza
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 diuna tabella
Imposta il colore dello sfondo di una pagina o di unatabella
Seleziona un'immagine di sfondo per una pagina ouna tabella
Imposta la ripetizione dell'immagine disfondo...
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
Appiattisce i bordi
Cancella i bordi
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 glielementi
display
visibility
overflow
none, block, inline, list-item
visible, hidden, inherit
auto, visible, hidden, scroll
Elemento NON visibile: NON considera lo spazio cheoccuperebbe
Elemento NON visibile: considera lo spazio cheoccuperebbe
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 puntatorielencati
Stabilisce la posizione dell'elenco sulloschermo
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 perdefault
Freccia normale
Croce tipo mirino
mano, classica di quando si passa su di un link
Croce con frecce direzionali come quando si sposta unapopup
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 diun 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 dastampare
Interruzione di riga dopo la fine del testo dastampare
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 lesue componenti
Colora la barra vera e propria, cioè la partein movimento
Colora l'ombra della barra di scorrimento vera epropria
Colora le frecce della barra di scorrimento
Colora il separatore tra la barra e la parte con lefrecce
Colora la parte esterna all'ombra della barra discorrimento
Colora la parte tridimensionale della parte contenetele frecce
Colora la parte sottostante della barra, quella su cuisi muove



Ti potrebbe interessare anche

commenta la notizia