HTML DOM รูปแบบอสังหาริมทรัพย์ที่ชัดเจน
ความหมายและการใช้งาน
ชุดคุณสมบัติที่ชัดเจนหรือส่งกลับตำแหน่งขององค์ประกอบที่เกี่ยวข้องกับวัตถุลอย
ไวยากรณ์
การตั้งค่าคุณสมบัติที่ชัดเจน
Object.style.clear="none|left|right|both|inherit"
แอตทริบิวต์กลับชัดเจน
Object.style.clear
值 | 描述 |
---|---|
none | 默认。允许浮动对象出现在元素两侧。 |
left | 不允许浮动对象出现在元素的左侧。 |
right | 不允许浮动对象出现在元素的右侧。 |
both | 不允许浮动对象出现在元素的左侧或右侧。 |
inherit | clear 属性的值应该从父元素继承。 |
สนับสนุนเบราว์เซอร์
เบราว์เซอร์ที่สำคัญทั้งหมดได้รับการสนับสนุนโดยสถานที่ที่ชัดเจน
หมายเหตุ: IE7 และรุ่นก่อนหน้าไม่สนับสนุน "สืบทอด" ค่าIE8 เพียง แต่ให้! ประเภทเอกสารที่สนับสนุน "มรดก" สนับสนุน IE9 "มรดก"
ตัวอย่าง
ตัวอย่าง
ไม่อนุญาตให้วัตถุลอยปรากฏทางด้านซ้ายของข้อความ:
<! DOCTYPE html>
<html>
<head>
<Meta charset = "UTF-8">
<title> กวดวิชานี้ (w3big.com) </ title>
<ชนิด style = "text / CSS">
img {
ลอย: ด้านซ้าย;
}
</ style>
<script>
ฟังก์ชั่น displayResult () {
document.getElementById ( "P1") style.clear = "ซ้าย" .;
}
</ script>
</ head>
<body>
<img src = "w3javascript.gif" width = "100" height = "132">
<p id = "P1"> นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน </ p>
<ประเภทขาเข้า = "ปุ่ม" onclick = "displayResult ()" value = "ข้อความทิ้งลอย">
</ body>
</ html>
<html>
<head>
<Meta charset = "UTF-8">
<title> กวดวิชานี้ (w3big.com) </ title>
<ชนิด style = "text / CSS">
img {
ลอย: ด้านซ้าย;
}
</ style>
<script>
ฟังก์ชั่น displayResult () {
document.getElementById ( "P1") style.clear = "ซ้าย" .;
}
</ script>
</ head>
<body>
<img src = "w3javascript.gif" width = "100" height = "132">
<p id = "P1"> นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน </ p>
<ประเภทขาเข้า = "ปุ่ม" onclick = "displayResult ()" value = "ข้อความทิ้งลอย">
</ body>
</ html>
ลอง»
สไตล์วัตถุ