Web Dsigner e Developer

Web Design: la proprietà Background Size

3485 VISUALIZZAZIONI
PUBBLICATO IL: 12 Dicembre 2016

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.

dreamweaver

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.
background-size: 50% 50%;
background-size: 200px 50px;
background-size: cover;
background-size: contain;

COMMENTI (0)

Lascia un commento


Pubblica commento


Web Design: la proprietà Background Size

FOCUS TAG

Total-Photoshop è di proprietà di Logic Comunication s.r.l.
Via Salvo D'acquisto 2, 21100 Varese - P.iva: 03798290122