Vlastnost přetečení stylu
Příklad
Pomocí vlastnosti overflow můžete posouvat přetékající obsah:
document.getElementById("myDIV").style.overflow = "scroll";
Definice a použití
Vlastnost overflow nastavuje nebo vrací, co se má dělat s obsahem, který se vykresluje mimo rámeček prvku.
Tip: Pokud chcete skrýt posuvníky celého dokumentu, použijte vlastnost overflow na těle nebo prvku html.
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
overflow | Yes | Yes | Yes | Yes | Yes |
Syntax
Vraťte vlastnost přetečení:
object.style.overflow
Nastavte vlastnost přetečení:
object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
Hodnoty vlastností
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 |
Technické údaje
Výchozí hodnota: | viditelné |
---|---|
Návratová hodnota: | Řetězec představující obsah, který se vykresluje mimo rámeček prvku |
Verze CSS | CSS2 |
Další příklady
Příklad
Pomocí vlastnosti overflow skryjte přetékající obsah:
document.getElementById("myDiv").style.overflow = "hidden";
Příklad
Vraťte vlastnost přetečení:
alert(document.getElementById("myDiv").style.overflow);
Související stránky
CSS tutoriál: CSS Overflow
CSS tutoriál: CSS Positioning
CSS reference: vlastnost přetečení
❮ Objekt stylu