Oggi parliamo della proprietà Background Size ovvero la dimensione dell’immagine di sfondo.

Se vi ricordate è da qualche puntata della #TutorialTV che stiamo affrontando le varie peculiarità del background:

Web Design: Repeat X,Y

Web Design: Repeat Texture

Definire la dimensione dello sfondo serve per regolarla. Non è detto, infatti, che l’immagine che utilizziamo abbia le dimensioni corrette rispetto all’elemento in cui andiamo ad inserirla. Inoltre serve per verificare a priori come reagirà al ridimensionamento della pagina in base al dispositivo su cui visualizzeremo la schermata in ottica responsive.

La proprietà può assumere quattro tipi di valori:

• una dimensione espressa in percentuale;
• una dimensione espressa con un’unità di misura;
• la parola chiave cover;
• la parola chiave contain.