HTML DOM Style properti yang jelas
Definisi dan Penggunaan
set properti yang jelas atau mengembalikan posisi dari elemen relatif terhadap benda mengambang.
tatabahasa
Pengaturan properti yang jelas:
Object.style.clear="none|left|right|both|inherit"
atribut Kembali jelas:
Object.style.clear
值 | 描述 |
---|---|
none | 默认。允许浮动对象出现在元素两侧。 |
left | 不允许浮动对象出现在元素的左侧。 |
right | 不允许浮动对象出现在元素的右侧。 |
both | 不允许浮动对象出现在元素的左侧或右侧。 |
inherit | clear 属性的值应该从父元素继承。 |
Dukungan Browser
Semua browser utama yang didukung oleh properti jelas.
Catatan: IE7 dan versi sebelumnya tidak mendukung "mewarisi" nilai.IE8 hanya menyediakan! DOCTYPE didukung "mewarisi". dukungan IE9 "mewarisi".
contoh
contoh
Jangan biarkan mengambang benda muncul di sebelah kiri teks:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Jenis Style = "text / css">
img {
float: kiri;
}
</ Style>
<Script>
Fungsi displayResult () {
document.getElementById ( "p1") style.clear = "kiri" .;
}
</ Script>
</ Kepala>
<Body>
<Img src = "w3javascript.gif" width = "100" height = "132">
<P id = "p1"> Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. </ P>
<Input type = "button" onclick = "displayResult ()" value = "text dibiarkan mengambang">
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Jenis Style = "text / css">
img {
float: kiri;
}
</ Style>
<Script>
Fungsi displayResult () {
document.getElementById ( "p1") style.clear = "kiri" .;
}
</ Script>
</ Kepala>
<Body>
<Img src = "w3javascript.gif" width = "100" height = "132">
<P id = "p1"> Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. </ P>
<Input type = "button" onclick = "displayResult ()" value = "text dibiarkan mengambang">
</ Body>
</ Html>
Coba »
gaya Objects