CSS: elementi principali
Inviato da andres il Lun, 03/04/2006 - 11:50pm
Background
background | per definire tutte le proprieta'del background in una sola dichiarazione | background-color background-image background-repeat background-attachment background-position |
background-attachment | comportamnento del background | scroll fixed |
background-color | colore | color-rgb color-hex color-name transparent |
background-image | immagine | url none |
background-position | posizione | top left top center top right center left center center center right bottom left bottom center bottom right x-% y-% x-pos y-pos |
background-repeat | bripetizioni | repeat repeat-x repeat-y no-repeat |
Testo
color | colore del testo | color |
direction | direzione del testo | ltr rtl |
letter-spacing | aumenta o diminuisce lo spazio tra i caratteri | normal length |
text-align | allineamento del testo | left right center justify |
text-decoration | decorazioni | none underline overline line-through blink |
text-indent | indentamento | length % |
text-transform | trasformazione (minuscole - maiuscole) | none capitalize uppercase lowercase |
Font
font | per settare tutti i valori relativi in una sola dichiarazione | font-style font-variant font-weight font-size/line-height font-family |
font-family | famiglia di appartenenza | family-name generic-family |
font-size | dimensioni | xx-small x-small small medium large x-large xx-large smaller larger length % |
font-style | stile | normal italic oblique |
font-weight | grandezza | normal bold bolder lighter 100 200 300 400 500 600 700 800 900 |
Bordi
border | per definire tutte le proprieta in una sola dichiarazione | border-width border-style border-color |
border-bottom (left|rigth|top)-color | colore bordo specifico | color |
border-bottom (left|rigth|top)-style | stile bordo specifico | none hidden dotted dashed solid double groove ridge inset outset |
border-bottom (left|rigth|top)-width | grandezza bordo specifico | thin medium thick length |
border-color | colore bordo | color |
border-style | stile bordo | none hidden dotted dashed solid double groove ridge inset outset |
border-width | grandezza bordo | thin medium thick length |
Margini
margin | per definire tutte le proprietà in una sola dichiarazione | margin-top margin-right margin-bottom margin-left |
margin-bottom |left|rigth|top | definizione dei margini specifici | auto length % |
Liste
list-style | per definire tutte le proprieta' in una sola dichiarazione | list-style-type list-style-position list-style-image |
list-style-image | immagine (marcatore) associata a ogni elemento della lista | none url |
list-style-position | posizione del marcatore della lista | inside outside |
list-style-type | tipo di marcatore | none disc circle square decimal decimal-leading-zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha |
Immagini
height | altezza | auto % length |
width | larghezza | auto % length |
Elementi
clear | lato vuoto dell'elemento - dove non possono essere inseriti altri elementi | left right both none |
cursor | tipo di cursore | url auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help |
display | modalita' di visualizzazione dell'elemento | none inline block list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption |
float | posizionamento relativo ad un altro elemento | left right none |
position | posiziona l'elemento | static relative absolute fixed |
visibility | visibilita' dell'elemento | visible hidden collapse |
Link (pseudo classi)
active | stile per i link selezionati |
hover | stile per mouse-over link |
link | stile per link non selezionati |
visited | stile per link visitati |
Media Type
all | per tutti i dispositivi | supportato ie |
aural | per sintetizzatori vocali | |
braille | per dispositivi con feedback tattile | |
handheld | per dispositivi di dimensioni ridotte | |
per documenti stampati | supportato ie | |
screen | per schermo di computer | supportato ie |
tv | per televisione |