Overflow 1.2.0

Steuere, wie Inhalt ueber die Box eines Elements hinauslaeuft. English: Overflow

Reifegrad: Dokumentiert als stabil in VelinStyle 1.2.0. Studio und die vollstaendige Utility Engine bleiben geplant — ausgelieferte Utilities werden manuell unter @layer utilities, kein vollstaendiger Variantengenerator.

Wann verwenden

Clip or scroll overflowing content with overflow utilities (also on display.css).

Wann nicht

Ensure keyboard users can reach scrolled content; avoid trapping focus in overflow regions.

Overflow Klassen

<div class="velin-overflow-auto">Auto scrollbar when needed</div>
<div class="velin-overflow-hidden">Clip overflow content</div>
<div class="velin-overflow-visible">Content may overflow</div>
<div class="velin-overflow-scroll">Always show scrollbars</div>

Auto scrollbar when needed

Clip overflow content

Content may overflow

Always show scrollbars

Overflow pro Achse

Steuere Overflow auf jeder Achse unabhaengig:

<div class="velin-overflow-x-auto velin-overflow-y-hidden">
  Horizontal scroll, vertical clip
</div>
<div class="velin-overflow-x-hidden velin-overflow-y-auto">
  Vertical scroll, horizontal clip
</div>

Horizontal scroll, vertical clip

Vertical scroll, horizontal clip