Style cssFloat 屬性
示例
點選兩個按鈕時，讓圖片向左/右浮動到文字旁邊
function floatRight() {
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft() {
document.getElementById("myImg").style.cssFloat = "left";
}自己動手試一試 »
描述
cssFloat 屬性設定或返回元素的水平對齊方式。
注意: CSS 中的 "float" 屬性在 JavaScript 中稱為 "cssFloat"，因為 "float" 在 JavaScript 中是一個保留字。
注意: 如果一行空間不足以容納浮動元素，它將跳轉到下一行，直到找到有足夠空間的行。
瀏覽器支援
| 屬性 | |||||
|---|---|---|---|---|---|
| cssFloat | 是 | 是 | 是 | 是 | 是 |
語法
返回 cssFloat 屬性
object.style.cssFloat
設定 cssFloat 屬性
object.style.cssFloat = "left|right|none|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| none | 物件/元素不浮動。這是預設值 |
| left | 物件/元素將在父元素中向左浮動 |
| right | 物件/元素將在父元素中向右浮動 |
| initial | 將此屬性設定為其預設值。閱讀關於 initial |
| inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
| 預設值 | none |
|---|---|
| 返回值 | 字串，表示元素的水平對齊方式 |
| DOM 版本 | DOM Level 2 |
更多示例
相關頁面
CSS 教程：CSS Float
