Paolo De Feo
a- a+

Sfondi con CSS3: nuove proprietà per background pagine web

Vediamo come funziona, quali sono le novità, i cambiamenti ed i miglioramenti della proprietà background-repeat.

Background-repeat indica se e come un’immagine di sfondo dovrà essere replicata all’interno di una pagina web.

Tale proprietà agisce attraverso 4 valori primari:

  • repeat, che distribuisce l’immagine in modo uniforme in orizzontale e verticale;
  • repeat-x, che la replica solo sull’asse orizzontale;
  • repeat-y, che la ripete solo su quello verticale;
  • no-repeat, che applica una singola immagine allo sfondo.

La proprietà CSS background-repeat è compatibile con tutti i maggiori browser.

Nel prossimo esempio applicheremo un’immagine di sfondo che verrà distribuita in verticale.

body
{
background-image:url(sfondo.gif');
background-repeat:repeat-y;
}



Ti potrebbe interessare anche

commenta la notizia

C'è 1 commento
Lorenzo
Hai qualche domanda da fare?