Background




background: #ffffff url(calea_catre_imagine) top left no-repeat fixed;

Valori: attachment; color; image; position; repeat .

Fie se seteaza fundalul precum e modelul de mai sus, fie separat ….cum voi incerca sa va specific mai jos.

Atasament fundal

Daca folositi o imagine ca fundal, puteti specifica daca fundalul se misca o data cu pagina (la scroll vertical) sau este fix cu ajutorul proprietatii “background-attachment”. background-attachment: valoare;
Valori: fixed sau scroll

Culoarea fundalului

Proprietatea “background-color” specifica culoarea fundalului: background-color: valoare; sau background-color: black;
Valori:color name; hexadecimal number; RGB color code sau transparent

Imaginea de fundal

Se poate seta o magine ca fundal al unui element, cu proprietatea “background-image”, dupa ex. background-image: url(calea_catre_imagine); background-image: url(image.gif);
Valori: url sau none

Pozitia fundalului

Imaginea folosita cu rol de fundal se poate pozitiona cu ajutorul proprietatii background-position. Ex:
background-position: valoare;
Valorile posibile sunt: top left; top center; top right; center left;center center; center right; bottom left; bottom center; bottom right; x-% y-%;x-pos y-pos

Repetarea fundalului

Se poate face ca imaginea folosita la fundal sa se repete pe axa x sau pe axa ya ecranului folosind proprietatea “background-repeat”.
background-repeat: valoare; background-repeat: repeat-y
Valori: no-repeat; repeat; repeat-x; repeat-y

Si care e parerea ta?...