例
二つのボタンをクリックすると、テキストの左/右の画像のfloatをしてみましょう：
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
} »それを自分で試してみてください 定義と使用法
cssFloatプロパティセットまたは要素の水平方向の配置を返します。
注意：CSS "float"プロパティが呼び出され"cssFloat"ので、JavaScriptで"float"のJavaScriptの予約語です。
Note:浮動要素の行にあまりにも小さなスペースがあれば、それは十分なスペースを持って次の行までジャンプします。
ブラウザのサポート
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フロート
<スタイルオブジェクト