CSS właściwość overflow

Definicja i użycie

overflow Określa, co się dzieje, gdy zawartość wykracza poza ramkę elementu.

Wyjaśnienie

Ta właściwość określa, jak zawartość elementu zagnieżdżonego będzie przetwarzana. Jeśli wartość to 'przewijanie', użytkownik zawsze będzie miał dostęp do mechanizmu przewijania, nawet jeśli cała zawartość mieści się w ramce elementu.

Zobacz również:

Kurs CSS:Umieszczanie CSS

Przeglądarka DOM HTML:Właściwość overflow

Przykład

Ustawienie właściwości overflow:

div
  {
  szerokość:150px;
  wysokość:150px;
  overflow: przewijanie;
  }

Spróbuj sam

Język CSS

overflow: widoczny|ukryty|przytnięty|przewijanie|automatycznie|poczatkowo|dziedziczony;

Wartość atrybutu

Wartość Opis
widoczny Domyślna wartość. Zawartość nie zostanie przycięta i będzie widoczna poza ramką elementu.
ukryty Zawartość zostanie przycięta, a reszta zawartości będzie niewidoczna.
przewijanie Zawartość zostanie przycięta, ale przeglądarka wyświetli pasek przewijania, aby zobaczyć resztę zawartości.
automatycznie Jeśli zawartość zostanie przycięta, przeglądarka wyświetli pasek przewijania, aby zobaczyć resztę zawartości.
dziedziczony Określa, czy wartość właściwości overflow powinna być dziedziczona od elementu nadrzędnego.

Szczegóły techniczne

Domyślna wartość: widoczny
Inheredność: nie
Wersja: CSS2
Język JavaScript: object.style.overflow="scroll"

Więcej przykładów

Jak używać paska przewijania do wyświetlania zawartości wypukłej wewnątrz elementu
Ten przykład pokazuje, jak ustawić właściwość overflow, aby określić odpowiednie działania, gdy zawartość elementu jest zbyt duża i wykracza poza określony obszar.
Jak ukryć zawartość wypukłą w elementach
Ten przykład pokazuje, jak ustawić właściwość overflow, aby ukryć zawartość, gdy zawartość elementu jest zbyt duża, aby pasowała do określonego obszaru.
Jak skonfigurować przeglądarkę, aby automatycznie obsługiwała wypukłości
Ten przykład pokazuje, jak skonfigurować przeglądarkę, aby automatycznie obsługiwała wypukłości.

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0