-moz-float-edge
非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。
標準外の -moz-float-edge CSS プロパティは要素の高さと幅のプロパティが margin 、border 、padding の厚さを含んでいるのかを指定します。
css
/* キーワード値 */
-moz-float-edge: border-box;
-moz-float-edge: content-box;
-moz-float-edge: margin-box;
-moz-float-edge: padding-box;
/* グローバル値 */
-moz-float-edge: inherit;
-moz-float-edge: initial;
-moz-float-edge: unset;
構文
値
border-box-
高さと幅のプロパティがコンテンツ、padding および border を含むが、margin は含まない。
content-box-
高さと幅のプロパティがコンテンツを含むが、padding 、border および margin は含まない。
margin-box-
高さと幅のプロパティがコンテンツ、padding 、 border および margin を含む。
padding-box-
高さと幅のプロパティがコンテンツと padding を含むが、border および margin は含まない。
公式定義
| 初期値 | content-box |
|---|---|
| 適用対象 | すべての要素 |
| 継承 | なし |
| 計算値 | 指定通り |
| アニメーションの種類 | 離散値 |
形式文法
-moz-float-edge = border-box | content-box | margin-box | padding-box
例
HTML
html
<div class="box">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
CSS
css
.box {
display: block;
height: 5px;
margin: 0.5em auto 0.5em auto;
color: gray;
-moz-float-edge: margin-box;
box-sizing: border-box;
}
結果
仕様書
どの標準にも含まれていません。