{background-image : url(logo.gif);
background-repeat : no-repeat ;}
background-position : coordinate; Questo attributo definisce il punto da cui iniziare a posizionare l'immagine e deve essere associato ai due precedentemente illustrati. Si possono adoperare parole chiave per la posizione orizzontale: left, center o right e parole chiave per la posizione verticale: top, center o bottom.
E' anche possibile esprimere valori percentuali, dove: 0% 0% indica l'angolo in alto a sinistra (default) e: 100% 100% indica l'angolo in basso a destra. Per maggior precisione si possono specificare anche coordinate espresse in mm, cm, inc.
{background-image : url(logo.gif);
background-repeat : repeat-y;
background-position : 50% 50%;}
{background-image : url(logo.gif);
background-repeat : repeat-x;
background-position : 50% 50%;}
{background-image : url(logo.gif);
background-repeat : repeat-x;
background-position : 10mm 10mm;}
background-attachment : scroll | fixed ; Questo attributo definisce se l'immagine usata deve scorrere sullo schermo insieme al testo (scroll) oppure restare fissa sullo sfondo (fixed) nel momento in cui si scorre la pagina.
{background-image : url(logo.gif);
background-attachment : scroll;} |
{background-image : url(logo.gif);
background-attachment : fixed;}
|
background : parametri; Questo attributo da solo serve per specificare diversi attributi all'interno dello stesso separandoli semplicemente da uno spazio.
{background: red url(logo.gif) repeat-x fixed}
|
Vi ricordo due indirizzi sui quali reperire ulteriori informazioni:
specifiche del W3C , dove troverete tutti gli attributi e i parametri ammessi e supportati dai CSS1 e :
specifiche per i nuovi CSS2 dove alcuni di questi non sono ancora supportati da nessun browser, almeno non fino alle versioni 5.5 di IE e 6 di NS.
|