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