logo-tworzenie-stron-legnica

config

Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.


 

Strona w trakcie modernizacji

Zapraszamy wkrótce

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

Wartość Opis
visible Obszar przepełnienia nie jest przycięty. Renderuje poza lewą i prawą krawędź elementu HTML i jest widoczny. Ustawienie domyślne.
hidden Przepełnienie zostanie przycięte i ten obszar zawartości elementu HTML będzie niewidoczny. Pasek przewijania nie zostanie wyświetlony.
scroll Przepełnienie jest przycięte, ale dodawany jest pasek przewijania. Korzystając z niego można zobaczyć pozostałą zawartość.
auto Jeśli przepełnienie jest obcięte, dodawany jest pasek przewijania, aby zobaczyć resztę treści.
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

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ść chrome edge firefox safari opera
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:

 
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;

 

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony , , Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, tel. +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
tel. +48 780 060 995,
Pon. - pt. 8:00 - 17:00