Sintassi CSS - Claudio Magni

CSS
Sintassi
Box Model
selettore {proprietà: valore;}
Foglio di stile esterno
<link rel="stylesheet" type="text/css"
href="stile.css" />
Stile in linea
<tag style="proprietà: valore">
Selettori
class
id
*
nome preceduto dal punto
nome preceduto da #
qualsiasi tag
Pseudo selettori
:hover
:active
:link
:visited
posizionamento del mouse
click del mouse
link non ancora visitato
link già visitato
height, width, margin-top, margin-right,
margin-bottom, margin-left, padding-top,
padding-right, padding-bottom, padding-left
Commenti
%
em
pt
px
auto
Bordo
/* commento */
border-width
larghezza del bordo
Unità di misura
border-style
dashed, dotted, double, solid
border-color
colore del bordo
position
static, relative, absolute
percentuale
altezza del carattere
punti
pixel
automatico (nessuna dimensione)
none
Posizione
fixed
Visualizzazione
clear
both, left, right, none
color
colore testo
float
left, right, none
cursor
auto, crosshair, default,
top
pointer, move, text, wait,
right
distanza dall'alto
distanza da destra
distanza dal basso
distanza da sinistra
help, progress
bottom
display
block, inline, list-item, none
left
overflow
visible, hidden, scroll, auto
Carattere
Sfondo (background-)
font-style
italic, normal
-image
colore dello sfondo
immagine dello sfondo
font-variant
normal, small-caps
-repeat
repeat, no-repeat, repeat-x
-color
font-weight
normal, bold
font-size
dimensione del carattere
-attachment
scroll, fixed
font-family
serif, sans-serif, cursive,
-position
(x y), top, center, bottom
repeat-y
fantasy, monospace
left, right
Testo
Lista (list-style-)
-type
text-align
spazio tra le lettere
distanza verticale tra righe
allineamento orizzontale
text-decoration
line-through, underline, none
-position
inside, outside
text-indent
indentazione prima riga
allineamento verticale
spazio tra le parole
-image
immagine al posto del punto
letter-spacing
line-height
vertical-align
word-spacing
disc, circle, square, decimal,
lower-roman, upper-roman,
lower-alpha, upper-alpha, none
Proprietà aggregate
background, border, border-top, border-right,
border-bottom, border-left, font, list-style,
margin, padding
autore: Claudio Magni – www.claudiomagni.com