Text innerhalb eines Bereiches scrollbar machen (Durch CSS erhält eine Textbox Scrollbalken)
Scrollbalken kommen immer dann zum Einsatz, wenn weniger Platz zur Darstellung von Inhalt vorhanden ist, als benötigt wird. Um in einer HTML-Datei einen langen Text innerhalb eines fest dimensionierten Bereichs darstellen zu können, kann ein div-Element mit Scrollbalken ausgestattet werden. Das folgende Stück Quelltext ergibt einen 100x100 Pixel großen Bereich, dessen Inhalt gescrollt werden kann. Ein vertikaler Scrollbalken wird durch die CSS-Eigenschaft overflow: auto angezeigt, allerdings nur dann, wenn er wirklich benötigt wird.
<div style="width: 100px; height: 100px; overflow: auto">
Text, der gescrollt werden kann, falls er mehr Platz braucht als 100x100 Pixel.
</div>
Text, der gescrollt werden kann, falls er mehr Platz braucht als 100x100 Pixel.
Text, der gescrollt werden kann, falls er mehr Platz braucht als 100x100 Pixel.
Überschrift 1
Überschrift 2
TextTextText
| rgb(255,255,220), width 512 | width 258 |
| width 250 | width 250 |
|