From d2866069686a54fb73bd305a21b68a324fa4353d Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 11 Nov 2021 00:18:37 +0900 Subject: `-moz` 系のプロパティの変換準備 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/css/-moz-float-edge/index.md | 90 +++++++++++++++++++++++++++++++ 1 file changed, 90 insertions(+) create mode 100644 files/ja/web/css/-moz-float-edge/index.md (limited to 'files/ja/web/css/-moz-float-edge/index.md') diff --git a/files/ja/web/css/-moz-float-edge/index.md b/files/ja/web/css/-moz-float-edge/index.md new file mode 100644 index 0000000000..4c4692f70b --- /dev/null +++ b/files/ja/web/css/-moz-float-edge/index.md @@ -0,0 +1,90 @@ +--- +title: '-moz-float-edge' +slug: Web/CSS/-moz-float-edge +tags: + - CSS + - CSS Property + - 'CSS:Mozilla Extensions' + - Layout + - NeedsCompatTable + - Non-standard + - 'recipe:css-property' +translation_of: Web/CSS/-moz-float-edge +--- +
{{CSSRef}}{{Non-standard_header}}
+ +

非標準の -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 は含まない。
+
+ +

形式定義

+ +

{{CSSInfo}}

+ +

形式文法

+ +{{csssyntax}} + +

+ +

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

結果

+ +

{{ EmbedLiveSample('Examples') }}

+ +

仕様書

+ +

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

+ +

ブラウザの対応

+ + + +

{{Compat("css.properties.-moz-float-edge")}}

+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf