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

-moz-float-edge

構文

値

形式定義

形式文法

例

HTML

CSS

結果

仕様書

ブラウザの対応

関連情報