HTML-DOM-Art-clear-Eigenschaft
Definition und Verwendung
clear-Eigenschaft setzt oder liefert die Position des Elements relativ zu schwimmenden Objekten.
Grammatik
Klare Eigenschaften:
Object.style.clear="none|left|right|both|inherit"
Zurück klare Attribute:
Object.style.clear
值 | 描述 |
---|---|
none | 默认。允许浮动对象出现在元素两侧。 |
left | 不允许浮动对象出现在元素的左侧。 |
right | 不允许浮动对象出现在元素的右侧。 |
both | 不允许浮动对象出现在元素的左侧或右侧。 |
inherit | clear 属性的值应该从父元素继承。 |
Browser-Unterstützung
Alle gängigen Browser werden durch klare Eigenschaft unterstützt.
Hinweis: IE7 und früheren Versionen nicht unterstützen , die "erben" Wert.IE8 bietet nur! DOCTYPE unterstützt "erben". IE9 Unterstützung "erben".
Beispiele
Beispiele
Lassen Sie keine Gegenstände schweben auf der linken Seite des Textes erscheinen:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Style type = "text / css">
img {
float: left;
}
</ Style>
<Script>
Funktion displayResult () {
document.getElementById ( "P1") style.clear = "left" .;
}
</ Script>
</ Head>
<Body>
<Img src = "w3javascript.gif" width = "100" height = "132">
<P id = "p1"> Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. </ P>
<Input type = "button" Onclick = "displayResult ()" value = "Text ist links schwimmend">
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Style type = "text / css">
img {
float: left;
}
</ Style>
<Script>
Funktion displayResult () {
document.getElementById ( "P1") style.clear = "left" .;
}
</ Script>
</ Head>
<Body>
<Img src = "w3javascript.gif" width = "100" height = "132">
<P id = "p1"> Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. </ P>
<Input type = "button" Onclick = "displayResult ()" value = "Text ist links schwimmend">
</ Body>
</ Html>
Versuchen »
Style - Objekte