HTML DOM Style jasne nieruchomości
Definicja i Wykorzystanie
jasne zestawy własności lub zwraca pozycję elementu w stosunku do obiektów pływających.
gramatyka
Ustalenie jasnych właściwości:
Object.style.clear="none|left|right|both|inherit"
Powrót wyraźne atrybuty:
Object.style.clear
值 | 描述 |
---|---|
none | 默认。允许浮动对象出现在元素两侧。 |
left | 不允许浮动对象出现在元素的左侧。 |
right | 不允许浮动对象出现在元素的右侧。 |
both | 不允许浮动对象出现在元素的左侧或右侧。 |
inherit | clear 属性的值应该从父元素继承。 |
Pomoc Browser
Wszystkie główne przeglądarek są poparte wyraźnym nieruchomości.
Uwaga: IE7 i starsze wersje nie obsługują "dziedziczenia" wartość.IE8 zapewnia tylko! DOCTYPE obsługiwany "dziedziczą". Wsparcie IE9 "dziedziczą".
Przykłady
Przykłady
Nie dopuścić pływające obiekty pojawiają się po lewej stronie tekstu:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Ten poradnik (w3big.com) </ title>
<Style type = "text / css">
img {
float: left;
}
</ Style>
<Script>
Funkcja displayResult () {
document.getElementById ( "P1") style.clear = "left" .;
}
</ Script>
</ Head>
<Body>
<Img src = "w3javascript.gif" width = "100" height = "132">
<P id = "p1"> To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. </ P>
<Input type = "button" onclick = "displayResult ()" value = "tekst pozostaje płynny">
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Ten poradnik (w3big.com) </ title>
<Style type = "text / css">
img {
float: left;
}
</ Style>
<Script>
Funkcja displayResult () {
document.getElementById ( "P1") style.clear = "left" .;
}
</ Script>
</ Head>
<Body>
<Img src = "w3javascript.gif" width = "100" height = "132">
<P id = "p1"> To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst. </ P>
<Input type = "button" onclick = "displayResult ()" value = "tekst pozostaje płynny">
</ Body>
</ Html>
Spróbuj »
styl Przedmioty