-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;
}

結果

仕様書

どの標準にも含まれていません。

ブラウザーの互換性

BCD tables only load in the browser

関連情報