CSS-Overflow-y-Eigenschaft


  Übersetzungsergebnisse：

Englisch [ˌəʊvəˈfləʊ] US [ˌoʊvərˈfloʊ]

vt. Überlauf; Überlauf

Adj. Überlauf, voll von

Dritte Person Singular: Überlauf Partizip Präsens: Überlauf Vergangenheitsform: Überlauf Partizip Perfekt: Überlauf

CSS-Overflow-y-EigenschaftSyntax

Funktion: Gibt an, ob der obere/untere Rand des Inhalts abgeschnitten werden soll – wenn dieser über den Elementinhaltsbereich hinausläuft.

Syntax: overflow-y: sichtbar|versteckt|scrollen|auto|no-display|no-content;

Beschreibung: sichtbar Der Inhalt wird nicht zugeschnitten und kann außerhalb des Inhaltsfelds angezeigt werden. Ausgeblendeter, zugeschnittener Inhalt – es ist kein Scrollmechanismus vorhanden. scroll Inhalt zuschneiden – Bietet einen Scrollmechanismus. auto Wenn die Box überläuft, sollte ein Scrollmechanismus bereitgestellt werden. no-display Wenn der Inhalt nicht in die Inhaltsbox passt, entfernen Sie die gesamte Box. no-content Blendet den gesamten Inhalt aus, wenn dieser nicht in das Inhaltsfeld passt.​

Hinweis: Verwenden Sie das Attribut overflow-x, um den Zuschnitt der linken/rechten Kanten zu bestimmen. Das overflow-y-Attribut funktioniert in IE8 und früheren Browsern nicht ordnungsgemäß.

CSS-Overflow-y-EigenschaftBeispiel

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:110px;
height:110px;
border:thin solid black;
overflow-x:hidden;
overflow-y:hidden;
}
</style>
</head>
<body>

<div><p style="width:140px">
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
</p></div>

<p>Overflow-x 是否对内容的左/右边缘进行裁剪。</p>
<p>Overflow-y 是否对内容的上/下边缘进行裁剪。</p>

</body>
</html>

Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen

Beliebte Empfehlungen

Heim

Videos

Fragen und Antworten

einreichen