overflow

Definice a použití

CSS vlastnost overflow definuje jak se bude chovat obsah, který vyteče z rozměru elementu či prvku.

Hodnoty vstupů	Popis	Hodnota
overflow	definuje jak se bude chovat obsah, který vyteče z rozměru prvku	visible hidden scroll auto

visible - výchozí hodnota, obsah bude přetékat a bude viditělný
hidden - obsah nebude přetékat a co se nevejde do rozměru prvku nebude vůbec vidět (žádná rolovací lišta)
scroll - obsah nebude přetékat a co se nevejde do rozměru prvku bude dostupné při rolování (vždy bude zobrazena rolovací lišta)
auto - obsah nebude přetékat a co se nevejde do rozměru prvku bude dostupné při rolování (rolovací lišta bude zobrazena pouze pokud bude potřeba)

Jak je vidět tak tato vlastnost slouží hlavně jako možnost práce s rolovacími lištami.

Ukázka:

CSS

/* Element bude oříznutý pokud překročí šířku 200px, více nebude zobrazeno */
div {
   overflow: hidden;
   width: 200px;
}

Použité vlastnosti: overflow, width

Tip1 Vlastnost overflow lze použít pouze u prvků, které mají nastavené rozměry (šířka nebo výška).

Firefoxano

Internet Explorerano

Google Chromeano

Safariano

Operaano