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

    Il CSS (Cascading Style Sheets) è il linguaggio utilizzato per definire lo stile e la presentazione ...
  • Selettori CSS di base

    I selettori CSS permettono di identificare gli elementi HTML a cui applicare gli stili.Tipi di selet...
  • Proprietà color e background

    Le proprietà color e background sono fondamentali per definire l'aspetto visivo degli elementi.Propr...
  • Margin e Padding

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

    Il Box Model è il concetto fondamentale che descrive come ogni elemento HTML è rappresentato come un...