Vlastnost přetečení CSS

❮ Předchozí Kompletní reference CSS další ❯

Příklad

Zobrazit různé hodnoty vlastností přetečení:

div.ex1 {
overflow: scroll;
}

div.ex2 {
overflow: hidden;
}

div.ex3 {
overflow: auto;
}

div.ex4 {
overflow: visible;
}

Definice a použití

Tato overflowvlastnost určuje, co se má stát, pokud obsah přeteče rámeček prvku.

Tato vlastnost určuje, zda oříznout obsah nebo přidat posuvníky, když je obsah prvku příliš velký a nevejde se do určené oblasti.

Poznámka: Tato overflowvlastnost funguje pouze pro prvky bloku se zadanou výškou.

Výchozí hodnota:	viditelné
Zděděno:	Ne
Animovatelné:	Ne. Přečtěte si o tématu Animable
Verze:	CSS2
Syntaxe JavaScriptu:	objekt .style.overflow="scroll"

Podpora prohlížeče

Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.

Property
overflow	1.0	4.0	1.0	1.0	7.0

Poznámka: V OS X Lion (na Macu) jsou posuvníky ve výchozím nastavení skryté a zobrazují se pouze při použití (i když je nastaveno „overflow:scroll“).

Syntaxe CSS

Hodnoty vlastností

Value	Description	Play it
visible	The overflow is not clipped. It renders outside the element's box. This is default
hidden	The overflow is clipped, and the rest of the content will be invisible
scroll	The overflow is clipped, but a scroll-bar is added to see the rest of the content
auto	If overflow is clipped, a scroll-bar should be added to see the rest of the content
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

Související stránky

CSS tutoriál: CSS Overflow

CSS tutoriál: CSS Positioning

Odkaz HTML DOM: vlastnost přetečení