Test overflow
Následující okýnka (jsou to oddíly <div>) mají nastavenu
šířku, výšku a okraj pomocí stylu, konkrétně:
{width: 200px; height: 80px; border: 1px solid blue}
Každý má nastavenou jinou hodnotu vlastnosti overflow (česky něco jako přetékání), vizte vždy první řádek.
overflow: auto
Lišta se zobrazí, je-li potřeba.
Horizontální lišta se zobrazí jenom v tom případě,
že je obsah z nějakého důvodu širší.
Toto je zbytečný text, který je tak dlouhý,
aby zaplnil rámeček a aby byl ještě delší.
Čili bla bla bla to máme krásné počasí, že?
overflow: scroll
Rolovací lišty se zobrazí v každém případě. A rovnou obě.
Toto je zbytečný text, který je tak dlouhý,
aby zaplnil rámeček a aby byl ještě delší.
Čili bla bla bla to máme krásné počasí, že?
overflow: hidden
Přebytečný obsah bude oříznut.
Toto je zbytečný text, který je tak dlouhý,
aby zaplnil rámeček a aby byl ještě delší.
Čili bla bla bla to máme krásné počasí, že?
overflow: none nebo bez hodnoty
Velikost rámečku (odstavce) se přizpůsobí obsahu.
Konkrétně se přizpůsobí výška,
šířka je zachována podle zadání width.
Toto je zbytečný text, který je tak dlouhý,
aby zaplnil rámeček a aby byl ještě delší.
Čili bla bla bla to máme krásné počasí, že?
Podpora
Vlastnost overflow podporují prohlížeče Internet Explorer 4, 5 a 6,
Mozilla (všechny vývojové verze) a možná Opera (nevím).
Pozor, Internet Explorer verze 4 není shopen zobrazit všechno správně,
protože vlastnost overflow podporuje pouze u některých elementů (div, img, object aj.).
Netscape 4 vlastnost overflow nepodporuje.