CSS3: float-offset プロパティ - フロート要素のオフセット値

■ 概要

項　　目説　　明
記述形式
  1. セレクタ {float-offset: 値1　値2 }
  2. セレクタ {float-offset: 値 }
値 の形式
  1. 値1: 水平方向オフセット， 値2: 垂直方向オフセット
  2. 値: 水平方向オフセット
初 期 値 0 0
対応ブラウザー C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+
適用可能な要素 フロート要素（float プロパティが指定された要素）
継　　承 しない

■ 解説

float-offset プロパティ は，フロート要素のオフセット値 を指示したフロートとは逆方向の値で指定します。

値を２つ指定した場合は，順に，水平方向オフセット と 垂直方向オフセット の値となります。　また，値を１つのみ指定した場合は，それが 水平方向オフセット となり， 垂直方向オフセット の値は 0 になります。

値1，値2，値 （オフセット）の数値による指定は，次のような単位を付けて可能です。

単位説　　明
px
px とは画面の１画素（ピクセル） のサイズを１とする単位です。　実際に表示されるサイズは 72dpi や 96dpi といったモニタの解像度により変化します。
em
em とは現在使用中の標準フォントの高さを１とする単位です。　
ex
ex とは現在使用中の標準フォントの小文字の｢x｣の高さを１とする単位です。
％
要素の widthプロパティ の値，または，heightプロパティ の値に段組の段の間隔を加えた値を基準にして割合を％値で指定します。

■ 使用例（ float-offset プロパティの利用）

現在準備中です。

■ 備考

【参考ページ】