Beispiel
Clip dem oberen / unteren Kanten des Inhalts innerhalb des <div> Element - wenn es den Inhalt des Elements Bereich überläuft:
div
{
overflow-y: hidden;
}
Versuch es selber " Definition und Verwendung
Der Überlauf-y-Eigenschaft gibt, was mit den oberen / unteren Kanten des Inhalts zu tun - wenn sie den Inhalt des Elements Bereich überläuft.
Tip: Verwenden Sie den Überlauf-x - Eigenschaft zu bestimmen , an den linken und rechten Rand Clipping.
| Standardwert: | visible |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS3 |
| JavaScript-Syntax: | object .style.overflowY="scroll" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Zahlen, gefolgt von -MS-, geben Sie die erste Version, die mit einem Präfix gearbeitet.
| Eigentum | |||||
|---|---|---|---|---|---|
| overflow-y | 4.0 | 9.0 8.0 -MS- | 3.5 | 3.0 | 9.5 |
CSS-Syntax
overflow-y: visible|hidden|scroll|auto|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| visible | Standardwert. Der Inhalt wird nicht abgeschnitten, und es kann außerhalb des Content-Box gemacht werden | Spiel es " |
| hidden | Der Inhalt wird abgeschnitten - und kein Scroll-Mechanismus vorgesehen ist, | Spiel es " |
| scroll | Der Inhalt wird abgeschnitten und ein Scroll-Mechanismus vorgesehen ist, | Spiel es " |
| auto | Sollte verursachen eine Scroll-Mechanismus für überquell Boxen zur Verfügung gestellt werden | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
HTML - DOM - Referenz: overflowY property