Atrybut overflow-y w CSS

Definicja i zastosowanie

Właściwość overflow-y określa, czy przycinanie zawartości wzdłuż górnej/przodowej krawędzi jest wykonywane - jeśli zawartość przeciąga obszar elementu.

Wskazówka:Użycie overflow-x atrybutu, aby określić przycinanie lewej/prawej krawędzi.

Kurs CSS:Przepływ CSS

Podręcznik HTML DOM:Właściwość overflowY

Przykład

Przycinanie lewej/prawej krawędzi zawartości elementu div - jeśli zawartość przeciąga obszar elementu:

div
{
overflow-y:hidden;
}

Spróbuj sam

Gramatyka CSS

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

Wartość atrybutu

Wartość Opis Testowanie
widoczny Nie przycinanie zawartości, może być widoczne poza ramką treści. Testowanie
hidden Przycinanie zawartości - nie zapewnienie mechanizmu przewijania. Testowanie
scroll Przycinanie zawartości - zapewnienie mechanizmu przewijania. Testowanie
auto Jeśli zawartość przeciąga ramkę, powinna być zapewniona możliwość przewijania. Testowanie
no-display Jeśli zawartość nie pasuje do ramki treści, usuń całą ramkę. Testowanie
no-content Jeśli zawartość nie pasuje do ramki treści, ukryj całą zawartość. Testowanie

Szczegóły techniczne

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

Obsługa przeglądarek

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

Liczby z -ms- oznaczają pierwszą wersję z prefiksem.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 1.5 3.0 9.5