Overflow: gestire contenuto eccedente

La proprietà overflow definisce come gestire il contenuto che eccede le dimensioni del contenitore.

Valori disponibili

.box {
  overflow: visible; /* Default: contenuto visibile fuori */
  overflow: hidden;  /* Taglia il contenuto eccedente */
  overflow: scroll;  /* Sempre scrollbar */
  overflow: auto;    /* Scrollbar solo se necessario */
}

Overflow per asse

.horizontal-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

Testo troncato con ellipsis

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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...