Overflow: none (CSS1 varianta), text by měl přetékat rámeček a i přes následující objekty na stránce,
ve Firefoxu 2 a konečně i v IE7 OK. V Opeře 9 ale tato vlastnost funguje jen s libovolnou deklarací DTD (bez ní nikoliv), IE6 a Opera 7 nadefinovaný box automaticky
zvětší na výšku a text nepřetéká.
<div style="border-style:solid; border-width:1px; width: 200px; height: 86px; overflow: none">
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
Overflow: visible (CSS2 varianta), podpora stejná jako u overflow: none.
<div style="border-style:solid; border-width:1px; width: 200px; height: 86px; overflow: visible">
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
Overflow: hidden, text je oříznut podle velikost rámečku, všude OK.
<div style="border-style:solid; border-width:1px; width: 200px; height: 86px; overflow: hidden">
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
Overflow: scroll, v rámečku jsou vždy zobrazeny rolovací pásy, všude OK. IE zobrazí rolovací pásy dokonce i barevně
jako na celé stránce. Tento efekt funguje i v Opeře 9, ale pouze v případě, že není použita DTD deklarace.
<div style="border-style:solid; border-width:1px; width: 200px; height: 86px; overflow: scroll">
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
Overflow: auto, v rámečku jsou zobrazeny rolovací pásy jen pokud jsou potřeba, všude OK.
<div style="border-style:solid; border-width:1px; width: 200px; height: 86px; overflow: auto">
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
Overflow: auto s rolovacím pásem vlevo, nefunguje v Chrome a Safari, v ostatních (i IE) již ano.
<div style="border-style:solid; border-width:1px; width: 200px; height: 86px; overflow: auto; unicode-bidi:bidi-override; direction:rtl">
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
Overflow: auto, rolovací pás je vlevo. Vlastností margin: 0px auto 0px 0px je pro starší verze prohlížečů upraveno zobrazení rámečku vlevo (např. ve Firefoxu se rámeček zobrazoval v prohlížeči vpravo),
nastavení okrajů margin: 0px auto by zobrazilo rámeček uprostřed obrazovky.
<div style="margin: 0px auto 0px 0px; border-style:solid; border-width:1px; width: 200px; height: 86px; overflow: auto; unicode-bidi:bidi-override; direction:rtl">
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text
dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text dlouhý text