Właściwość przepełnienia stylu
Przykład
Użyj właściwości overflow, aby przewinąć przepełnioną zawartość:
document.getElementById("myDIV").style.overflow = "scroll";
Definicja i użycie
Właściwość overflow ustawia lub zwraca, co zrobić z treścią renderowaną poza polem elementu.
Wskazówka: jeśli chcesz ukryć paski przewijania całego dokumentu, użyj właściwości overflow na ciele lub elemencie html.
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
overflow | Yes | Yes | Yes | Yes | Yes |
Składnia
Zwróć właściwość przepełnienia:
object.style.overflow
Ustaw właściwość przepełnienia:
object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
Wartości nieruchomości
Value | Description |
---|---|
visible | Content is NOT clipped and may be shown outside the element box. This is default |
hidden | Content outside the element box is not shown |
scroll | Scroll bars are added, and content is clipped when necessary |
auto | Content is clipped and scroll bars are added when necessary |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
Domyślna wartość: | widoczny |
---|---|
Wartość zwrotu: | String, reprezentujący zawartość, która jest renderowana poza polem elementu |
Wersja CSS | CSS2 |
Więcej przykładów
Przykład
Użyj właściwości overflow, aby ukryć przepełnioną zawartość:
document.getElementById("myDiv").style.overflow = "hidden";
Przykład
Zwróć właściwość przepełnienia:
alert(document.getElementById("myDiv").style.overflow);
Powiązane strony
Samouczek CSS: Przepełnienie CSS
Samouczek CSS: Pozycjonowanie CSS
Odniesienie CSS: właściwość przepełnienia
❮ Obiekt stylu