Style cssFloat 屬性

定義和用法

cssFloat 屬性設置或返回元素的水平對齊方式。

提示：CSS "float" 屬性在 JavaScript 中稱為 "cssFloat"，因為 "float" 是 JavaScript 中的保留字。

注釋：如果一行中浮動元素的空間太小，它將跳到下一行有足夠空間的行。

另請參閱：

CSS 教程：CSS 浮動

實例

例子 1

單擊兩個按鈕時，讓圖像浮動到文本的左側/右側：

function floatRight() {
  document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft() {
  document.getElementById("myImg").style.cssFloat = "left";
}

親自試一試

例子 2

更改 DIV 元素的 cssFloat 屬性：

document.getElementById("myDIV").style.cssFloat = "left";

親自試一試

語法

返回 cssFloat 屬性：

object.style.cssFloat

設置 cssFloat 屬性：

object.style.cssFloat = "left|right|none|initial|inherit"

屬性值

值 描述
none 對象/元素不浮動。默認。
left 對象/元素將在父元素中向左浮動。
right 對象/元素將在父元素中向右浮動。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： 無
返回值： 字符串，表示元素的水平對齊方式。
DOM 版本： DOM Level 2

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持