CSS -moz-float-edge プロパティ
非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。
非推奨;: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。
標準外の -moz-float-edge CSS プロパティは、要素の高さと幅のプロパティが margin 、border 、padding の太さを含んでいるかどうかを指定します。
構文
css
/* キーワード値 */
-moz-float-edge: content-box;
-moz-float-edge: margin-box;
/* グローバル値 */
-moz-float-edge: inherit;
-moz-float-edge: initial;
-moz-float-edge: unset;
値
content-box-
高さと幅のプロパティがコンテンツを含むが、padding 、border および margin は含まない。
margin-box-
高さと幅のプロパティがコンテンツ、padding 、 border および margin を含む。
公式定義
| 初期値 | content-box |
|---|---|
| 適用対象 | すべての要素 |
| 継承 | なし |
| 計算値 | 指定通り |
| アニメーションの種類 | 離散値 |
形式文法
-moz-float-edge =
content-box |
margin-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;
color: gray;
-moz-float-edge: margin-box;
box-sizing: border-box;
}
結果
仕様書
どの標準にも含まれていません。