Właściwość CSS overflow

Definicja stylu, przeznaczenie i użycie overflow

Właściwość overflow (przepełnienia) określa, co powinno się stać, jeśli zawartość przepełni pole elementu.

Ta właściwość określa, czy należy przyciąć zawartość elementu HTML, czy też dodać paski przewijania, jeśli zawartość elementu jest zbyt duża, aby zmieścić się w określonym obszarze.

Uwaga: Właściwość przepełnienia działa tylko w przypadku elementów blokowych o określonej wysokości (height).

Wartości właściwości overflow

Składnia CSS overflow

overflow: visible | hidden | scroll | auto |initial | inherit;

Wsparcie przeglądarek dla właściwości overflow

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
overflow	1.0	4.0	1.0	1.0	7.0

Uwaga: W systemie OS X Lion (na Macu) paski przewijania są domyślnie ukryte i wyświetlane tylko wtedy, gdy są używane (nawet jeśli ustawiono opcję overflow: scroll).

Przykładowe zastosowania z właściwością overflow

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

div {
    overflow:visible;
}

Przykłady właściwości overflow

overflow: scroll;

overflow: hidden;

overflow: auto;

overflow: visible;