CSS Referenz overflow-y
Anzeige Hier werben
overflow-y
Werte: visible, hidden, scroll, auto
Standardwert: visible
Vererbung: nein
Kurzschreibweise: keine
Anwendbar auf: Blockelemente, Tabellenzellen und Inline-Block-Elemente
CSS-Level: CSS2.1, CSS3
Bei Boxen und Tabellenzellen mit einer festgelegten Höhe (height) kann es vorkommen, dass ein Text oder ein anderes Blockelement in diesem Element höher ist, als das Element bieten kann. Durch die CSS Eigenschaft overflow-y besteht die Möglichkeit in CSS zu definieren, wie der zu hohe Inhalt behandelt werden soll.
Werte
| Wert |
Auswirkung |
visible (Standard) |
Der zu hohe Inhalt wird außerhalb des Elements fortgesetzt und sprengt dessen Maße |
hidden |
Der übergroße Inhalt wird nicht dargestellt, das Element behält seine Proportionen |
scroll |
Das Element erhält eine Bildlaufleiste, so dass der komplette Inhalt dargestellt und die Proportionen erhalten werden |
auto |
Der Browser entscheidet, was passieren soll. In der Regel werden Bildlaufleisten angezeigt, wenn der Inhalt über das Element hinaus geht (wie bei scroll). |
Beispiel
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <style type="text/css">
div {
height:100px;
width:100px;
border:1px #000 solid;
padding:5px;
}
p {
border:1px #090 solid;
height:150px;
width:150px;
}
</style>
<h1>
overflow-y: hidden
</h1>
<div style="overflow-y:hidden;">
<p>
hidden
</p>
</div>
|
weiterführende Artikel
Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "CSS Referenz overflow-y" mitgewirkt.
Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "CSS Referenz overflow-y" hier bearbeiten.
-
graphic, motion & web design - kernreaktor - mutter kind turnen
-
Student der Biochemie und seit einigen Jahren im Hobby-Entwicklerbereich tätig. Stärken in XHTML/CSS und PHP, alles was mit Grafik zu tun hat, gehört nicht dazu.