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, již všude OK.
<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 (vlastnost scrollbar-base-color: lightblue v elementu <body>,
viz zdrojový kód této stránky).
Tento efekt funguje i v Opeře, 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 Safari, v ostatních 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 dříve 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