Web Dsigner e Developer

Web Design: la proprietà Background Size

1241 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 Media s.r.l.
Via Staurenghi 37, 21100 Varese - Telefono e Fax: 0332.288642 - P.iva: 03269350124