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;}