Beyond Fantasy

Background

« Older   Newer »
  Share  
TOPIC_ICON1  view post Posted on 19/2/2018, 04:54
Avatar

Junior Member

Group:
Administrator
Posts:
88

Status:


BACKGROUND

letteralmente “ambiente, contesto”, questa PROPRIETA' permette di personalizzare lo sfondo degli elementi della pagina web.

CODICE
BACKGROUND-COLOR

→ definisce il colore di sfondo di un elemento.
L'elemento deve essere indicato con un SELETTORE (ex body) a cui verranno dati VALORI

CODICE
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


CODICE
BACKGROUND-IMAGE

→ definisce l’immagine da usare come sfondo di un elemento.
L'elemento deve essere indicato con un SELETTORE (ex body) a cui verranno dati VALORI

CODICE
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


CODICE
BACKGROUND-REPEAT

→ 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 VALORI

CODICE
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 VALORI

CODICE
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;
}
 
Top
0 replies since 19/2/2018, 04:54   58 views
  Share