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;}
- Articolo precedente Sfondi CSS: proprietà background pagine web
- Articolo successivo Sfondi CSS3: proprietà background