BACKGROUNDletteralmente “
ambiente,
contesto”, questa
PROPRIETA' permette di personalizzare
lo sfondo degli elementi della pagina web.
→ definisce il
colore di sfondo di un
elemento.
L'elemento deve essere indicato con un
SELETTORE (ex
body) a cui verranno dati
VALORICODICE
BODY { BACKGROUND-COLOR : VALORE;}
→ come valori sono utilizzabili :
→
codici esadecimali dei colori (
#NUMEROCOLORE )
→
NONE : se non si vuole alcun colore di sfondo
→
TRANSPARENT : se si vuole in trasparenza il colore sottostante
CODICE
BODY { BACKGROUND-COLOR : #FFFFFF;}
→ colore di sfondo
bianco
→ definisce
l’immagine da usare come
sfondo di un elemento.
L'elemento deve essere indicato con un
SELETTORE (ex
body) a cui verranno dati
VALORICODICE
BODY { BACKGROUND-IMAGE : VALORE;}
→ come valori sono utilizzabili :
→ l'
URL dell '
immagine precedentemente caricata su un hosting o sul proprio spazio web.
→
NONE se non si vuole
alcuna immagine di sfondo.
CODICE
BODY { BACKGROUND-IMAGE : NONE;}
→
nessuna immagine di sfondo
→ definisce
la direzione in cui l’immagine di sfondo viene ripetuta.
L'elemento deve essere indicato con un
SELETTORE (ex
body) a cui verranno dati
VALORICODICE
BODY { BACKGROUND-REPEAT : VALORE;}
→ come valori sono utilizzabili :
→
REPEAT : ripetizione in
orizzontale e
verticale.
→
REPEAT-X : ripetizione in
orizzontale.
→
REPEAT-Y : ripetizione in
verticale.
→
NO-REPEAT :
nessuna ripetizione.
CODICE
BODY { BACKGROUND-REPEAT : REPEAT;}
→ immagine ripetuta sia in
verticale che in orizzontale
CODICE
BACKGROUND-ATTACHMENT
→ determina se l'immagine
debba scorrere insieme al contenuto o rimanere fissa.
L'elemento deve essere indicato con un
SELETTORE (ex
body) a cui verranno dati
VALORICODICE
BODY { BACKGROUND-ATTACHMENT : VALORE;}
→ come valori sono utilizzabili :
→
SCROLL : se si vuole che pagina e immagine
scorrano assieme→
FIXED : se si vuole che l'immagine di sfondo
resti fissa mentre la pagina scorre
CODICE
BODY { BACKGROUND-ATTACHMENT : FIXED;}
→ l'immagine
resta fissa mentre la pagina scorre
Questa pagina ha le seguenti
dichiarazioni ( proprietà + valori) :
CODICE
BODY {
BACKGROUND-COLOR: #000;
BACKGROUND-IMAGE : (URL);
BACKGROUND-REPEAT : REPEAT;
BACKGROUND-ATTACHMENT : FIXED;
}