overflow
Legt fest, wie der Inhalt des Objekts behandelt werden soll, wenn dieser die Höhe oder Breite des Objekts überschreitet.
Syntax
{ overflow: sOverflow }
Mögliche Werte
sOverflow
Zeichenfolge, mit der einer der folgenden Werte angegeben oder empfangen wird:
visible |
Standard. Inhalt wird nicht ausgeschnitten und Bildlaufleisten werden nicht hinzugefügt. |
auto |
Inhalt wird ausgeschnitten und Bildlauf wird nur dann hinzugefügt, wenn erforderlich. |
hidden |
Inhalt, der die Abmessungen des Objekts überschreitet, wird nicht angezeigt. |
scroll |
Inhalt wird ausgeschnitten und Bildlaufleisten werden hinzugefügt, auch wenn der Inhalt die Abmessungen des Objekts nicht überschreitet. |
Die Eigenschaft hat für alle Objekte den Standardwert visible, mit Ausnahme des textarea-Objekts, das den Standardwert auto erhält. Diese Eigenschaft wird nicht vererbt.
Hinweise
Der Standardwert für das BODY-Element auto.
Wenn die overflow-Eigenschaft eines textarea-Objekts auf hidden festgelegt wird, werden die Bildlaufleisten des Objekts ausgeblendet.
Ist die overflow-Eigenschaft auf visible festgelegt, wird der Ausschnitt des Inhalts an die Größe des Fensters oder des Rahmens, der das Objekt enthält, angepasst.
Beispiele
Im folgenden Beispiel wird die overflow-Eigenschaft verwendet, um den Inhalt des Objekts zu verwalten. In diesem Beispiel wird eine Inlineformatvorlage verwendet, um sich automatisch selbst an überlappenden Inhalt anzupassen, wenn die Seite geladen wird:
<div id=odiv style="width: 200px; height: 200px; overflow: auto;">
:
</div>
In diesem Beispiel kann der Benutzer die overflow-Eigenschaft eines DIV-Objekts dynamisch ändern, indem er einen der möglichen Überlaufwerte aus dem SELECT-Objekt auswählt:
<script>
function SetOverflow(o, svalue )
{
o.style.overflow = svalue ;
}
</script>
<div id="div1"
style="font-size:18pt;background-color:yellow;height:50px;width:75px">
The quick brown fox jumps over the lazy dog.
</div>
<select onchange="SetOverflow(div1,
this.options[this.selectedIndex].text)">
<option selected>visible
<option>scroll
<option>hidden
<option>auto
</select>
Informationen zu Standards
Diese Eigenschaft ist unter Cascading Style Sheets (CSS), Level 2 (CSS2) (möglicherweise in englischer Sprache) definiert.
Gilt für
A, ABBR, ACRONYM, ADDRESS, APPLET, B, BDO, BIG, BLOCKQUOTE, BODY, CENTER, CITE, CODE, COL, COLGROUP, CUSTOM, DD, DEFAULTS, DEL, DFN, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, HTML, HN, I, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, INS, LI, OL, P, Q, RT, RUBY, S, SPAN, SUB, TT, U, UL, VAR, XMP