CSS Overflow. Elementul overflow: visible. Elementul overflow: hidden.

Elementul overflow: visible (revărsat: vizibil)

În mod implicit, revărsarea este vizibilă (overflow: visible), ceea ce înseamnă că nu este tăiată și se redă în afara casetei elementului:



Exemplu:

div {
  width: 200px;
  height: 50px;
  background-color: #eee;
  overflow: visible;
}

Elementul overflow: hidden (revărsat: ascuns)

Odată cu valoarea ascunsă (overflow: hidden), preluarea este tăiată, iar restul conținutului este ascuns:


Exemplu:

div {
  overflow: hidden;
}