Atrybut Style overflow
- Poprzednia strona outlineWidth
- Następna strona overflowX
- Wróć do poprzedniego poziomu Obiekt Style HTML DOM
Definicja i użycie
overflow
Ustawienie lub zwracanie, jak obsługuje się treść renderowaną poza ramką elementu.
Wskazówka:Aby ukryć paski przewijania całego dokumentu, użyj atrybutu overflow elementu body lub html.
Inne źródła:
Kurs CSS:CSS przepływ
Kurs CSS:CSS pozycjonowanie
Podręcznik CSS:Atrybut overflow
Przykład
Przykład 1
Użycie atrybutu overflow do przewijania nadmiarowych treści:
document.getElementById("myDIV").style.overflow = "przewijanie";
Przykład 2
Użycie atrybutu overflow do ukrycia nadmiarowych treści:
document.getElementById("myDiv").style.overflow = "ukryty";
Przykład 3
Zwracanie atrybutu overflow:
alert(document.getElementById("myDiv").style.overflow);
Gramatyka
Zwracanie atrybutu overflow:
obiekt.style.overflow
Ustawienie atrybutu overflow:
obiekt.style.overflow = "widoczny|ukryty|przewijanie|automatyczny|domyślny|dziedziczony"
Wartość atrybutu
Wartość | Opis |
---|---|
widoczny | Treść nie jest przycinana, może pojawić się poza ramką elementu. Domyślnie. |
ukryty | Nie wyświetla treści poza ramką elementu. |
przewijanie | Dodaje paski przewijania, przycina treść w razie potrzeby. |
automatyczny | W razie potrzeby przycina treść i dodaje paski przewijania. |
domyślny | Ustaw tę właściwość na jej wartość domyślną. Zobacz domyślny。 |
dziedziczony | Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz dziedziczony。 |
Szczegółowe informacje techniczne
Domyślna wartość: | widoczny |
---|---|
Zwracana wartość: | Ciąg znaków, który reprezentuje treść renderowaną poza ramką elementu. |
Wersja CSS: | CSS2 |
Przeglądarka obsługuje
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Wsparcie | Wsparcie | Wsparcie | Wsparcie | Wsparcie |
- Poprzednia strona outlineWidth
- Następna strona overflowX
- Wróć do poprzedniego poziomu Obiekt Style HTML DOM