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.