スタイルcssFloatプロパティ
例
2つのボタンをクリックすると、画像がテキストの左右に浮かびます。
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
}
定義と使用法
cssFloatプロパティは、要素の水平方向の配置を設定または返します。
注:「float」はJavaScriptで予約語であるため、CSSの「float」プロパティはJavaScriptでは「cssFloat」と呼ばれます。
注:フローティング要素の行のスペースが少なすぎる場合は、十分なスペースがある次の行にジャンプします。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
cssFloat | Yes | Yes | Yes | Yes | Yes |
構文
cssFloatプロパティを返します。
object.style.cssFloat
cssFloatプロパティを設定します。
object.style.cssFloat = "left|right|none|initial|inherit"
プロパティ値
Value | Description |
---|---|
none | The object/element is not floated. This is default |
left | The object/element will float to the left in the parent element |
right | The object/element will float to the right in the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
技術的な詳細
デフォルト値: | なし |
---|---|
戻り値: | 要素の水平方向の配置を表す文字列 |
DOMバージョン | DOMレベル2 |
その他の例
例
DIV要素のcssFloatプロパティを変更します。
document.getElementById("myDIV").style.cssFloat = "left";
関連ページ
CSSチュートリアル:CSS Float
❮スタイルオブジェクト