最新的Web開發教程
 

Style cssFloat Property

<Style對象

兩個按鍵點擊時讓圖像浮於文字,左/右:

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

function floatLeft() {
    document.getElementById("myImg").style.cssFloat = "left";
}
試一試»

定義和用法

所述cssFloat屬性設置或返回一個元素的水平對齊。

注:CSS "float"屬性被稱為"cssFloat"在JavaScript中,因為"float"在JavaScript中的保留字。

Note:如果在浮動元素線的空間太小,就會跳下去有足夠空間的下一行。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

該cssFloat屬性在所有主流瀏覽器的支持。


句法

返回cssFloat屬性:

object .style.cssFloat

設置cssFloat屬性:

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

屬性值

描述
none 對象/元素不浮動。 這是默認
left 對象/元素會浮到左在父元素
right 對象/元素會浮到在父元素的權利
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值: 沒有
返回值: 一個字符串,表示元素的水平取向
DOM版本 DOM 2級

更多示例

更改DIV元素的cssFloat屬性:

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

相關頁面

CSS教程: CSS的float


<Style對象