CSS Fundaluri
Mostenit: NU
Fundalul
Puteti stiliza fundalul unui element cu o declaratie de proprietate adecvata.
background: #ffffff url(calea_catre_imagine) top left no-repeat fixed;
Valori:
- attachment
- color
- image
- position
- repeat
Sau, puteti seta fiecare proprietate separat, dupa cum urmeaza:
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
- scroll
Culoarea fundalului
Proprietatea "background-color" specifica culoarea fundalului:
background-color: valoare;
Posibile valori:
- color name
- hexadecimal number
- RGB color code
- transparent
Imaginea de fundal
Se poate seta o magine ca fundal al unui element, cu proprietatea "background-image".
background-image: url(calea_catre_imagine);
Valori:
- url
- none
Pozitia fundalului
Imaginea folosita cu rol de fundal se poate pozitiona cu ajutorul proprietatii background-position.
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;
Valori:
- no-repeat
- repeat
- repeat-x
- repeat-y