background-size

Con background-size CSS3 ofre la possibilità di specificare le dimensioni di un’immagine di background. Attualmente questa funzionalità è stata implementata in Opera 9.5, Safari 3 e Google Chrome.
Ecco un esempio:

Questo contenitore ha background-size: 200px 50px. L’immagine di background dovrebbe apparire molto piccola nell’angolo superiore sinistro del contenitore.

Il CSS utilizzato è:

-webkit-background-size: 200px 50px;
background-size: 200px 50px;

E per chi non è in grado di visualizzare l’esempio correttamente, ecco uno screenshot del risultato:

esempio background-size

Tag: , ,

Lascia un Commento