-moz-float-edge

非標準

この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

非標準の -moz-float-edge CSS プロパティは要素の高さと幅のプロパティが margin 、border 、padding の厚さを含んでいるのかを指定します。

/* Keyword values */
-moz-float-edge: border-box;
-moz-float-edge: content-box;
-moz-float-edge: margin-box;
-moz-float-edge: padding-box;

/* Global values */
-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
適用対象すべての要素
継承なし
計算値指定通り
アニメーションの種類離散値

形式文法

border-box | content-box | margin-box | padding-box

HTML

<div class="box"> 
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>

CSS

.box {
  display: block;
  height: 5px;
  margin: 0.5em auto 0.5em auto;
  color: gray;
  -moz-float-edge: margin-box;
  box-sizing: border-box;
} 

結果

仕様書

このプロパティはどの CSS 標準でも定義されていません。

ブラウザの対応

BCD tables only load in the browser

関連情報