Width e Height

Width e Height

Le proprietà width e height definiscono le dimensioni degli elementi.

Unità di misura

  • px - pixel (fissi)
  • % - percentuale del contenitore
  • vw/vh - percentuale della viewport
  • em/rem - relativi al font-size

Min e Max

.container {
 width: 100%;
 max-width: 1200px; /* Non supera 1200px */
 min-width: 320px; /* Non scende sotto 320px */
}

.image {
 max-width: 100%; /* Immagine responsive */
 height: auto;
}

Dimensioni viewport

.fullscreen {
 width: 100vw;
 height: 100vh;
}

Hai trovato utile quest'articolo?

  • Introduzione al CSS

    Introduzione al CSS Il CSS (Cascading Style Sheets) è il linguaggio utilizzato per definire lo stile...
  • Selettori Css di Base

    Selettori Css di Base I selettori CSS permettono di identificare gli elementi HTML a cui applicare g...
  • Proprietà color e background

    Proprietà color e background Le proprietà color e background sono fondamentali per definire l'aspett...
  • Margin e Padding

    Margin e Padding Margin e Padding controllano lo spazio intorno e dentro gli elementi.Differenza chi...
  • Box Model CSS

    Box Model CSS Il Box Model è il concetto fondamentale che descrive come ogni elemento HTML è rappres...