Właściwość CSS overflow-y

Definicja stylu, przeznaczenie i użycie overflow-y

Właściwość overflow-y określa, czy należy przyciąć zawartość, dodać pasek przewijania lub wyświetlić zawartość przepełnienia elementu HTML na poziomie bloku, gdy przepełnia on górną i dolną krawędź.

Tip: użyj właściwości overflow-x, aby określić przycięcie na lewej i prawej krawędzi.

Wartości właściwości overflow-y

Składnia CSS overflow-y

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

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

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

Liczba przed -ms- określa pierwszą wersję, która działała z prefiksem.

Właściwość
overflow-y	4.0	9.0 8.0 -ms-	1.5	3.0	9.5

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

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

Właściwość CSS:

overflow-y:

visible

hidden

scroll

auto

initial

 

Rezultat:

Kod CSS:

#myDIV {
  width:150px;
  height:200px;
  overflow-y:visible;
}

 

Przykłady właściwości overflow-y

overflow-y: scroll;

overflow-y: hidden;

overflow-y: auto;

overflow-y: visible;