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 --- .../css/-moz-outline-radius-bottomleft/index.html | 74 ---------------------- .../css/-moz-outline-radius-bottomleft/index.md | 74 ++++++++++++++++++++++ 2 files changed, 74 insertions(+), 74 deletions(-) delete mode 100644 files/ja/web/css/-moz-outline-radius-bottomleft/index.html create mode 100644 files/ja/web/css/-moz-outline-radius-bottomleft/index.md (limited to 'files/ja/web/css/-moz-outline-radius-bottomleft') diff --git a/files/ja/web/css/-moz-outline-radius-bottomleft/index.html b/files/ja/web/css/-moz-outline-radius-bottomleft/index.html deleted file mode 100644 index dfe9f8e8b6..0000000000 --- a/files/ja/web/css/-moz-outline-radius-bottomleft/index.html +++ /dev/null @@ -1,74 +0,0 @@ ---- -title: '-moz-outline-radius-bottomleft' -slug: Web/CSS/-moz-outline-radius-bottomleft -tags: - - CSS - - CSS Property - - NeedsCompatTable - - NeedsContent - - Non-standard - - Reference - - 'recipe:css-property' -translation_of: Web/CSS/-moz-outline-radius-bottomleft ---- -
{{Non-standard_header}}{{CSSRef}}
- -

Mozilla アプリケーションにおいて、 -moz-outline-radius-bottomleft は CSS のプロパティで、要素の輪郭線 ({{cssxref("outline")}}) の左下の角を丸くするために使用することができます。

- -

構文

- -

-moz-outline-radius-bottomleft の値は、 {{cssxref("length", "<length>")}} または境界ボックスの対応する大きさに対するパーセント値のどちらかです。 {{cssxref("calc", "calc()")}} 関数も同様に使用することができます。

- -

値

- -
-
<length>
-
要素の下端と左端の曲率を定義する円の半径を CSS の {{cssxref("length", "<length>")}} で指定します。
-
<percentage>
-
要素の左下隅の丸めを定義する円の半径で、ボーダーボックスの下辺と左辺のパーセント値で指定します。
-
- -

公式定義

- -

{{cssinfo}}

- -

形式文法

- -{{csssyntax}} - -

例

- -

アウトラインを丸める

- -

これは Firefox 専用のプロパティなので、この例では Firefox 以外のブラウザーで表示している場合は、期待した効果が表示されません。

- -

HTML

- -
<p>Look at this paragraph's bottom-left corner.</p>
- -

CSS

- -
p {
-  margin: 10px;
-  border: solid cyan;
-  outline: dotted green;
-  -moz-outline-radius-bottomleft: 2em;
-}
- -

結果

- -

{{EmbedLiveSample("Rounding_a_outline")}}

- -

仕様書

- -

標準の一部ではありません。

- -

ブラウザーの互換性

- -

{{Compat("css.properties.-moz-outline-radius-bottomleft")}}

- -

関連情報

- - diff --git a/files/ja/web/css/-moz-outline-radius-bottomleft/index.md b/files/ja/web/css/-moz-outline-radius-bottomleft/index.md new file mode 100644 index 0000000000..dfe9f8e8b6 --- /dev/null +++ b/files/ja/web/css/-moz-outline-radius-bottomleft/index.md @@ -0,0 +1,74 @@ +--- +title: '-moz-outline-radius-bottomleft' +slug: Web/CSS/-moz-outline-radius-bottomleft +tags: + - CSS + - CSS Property + - NeedsCompatTable + - NeedsContent + - Non-standard + - Reference + - 'recipe:css-property' +translation_of: Web/CSS/-moz-outline-radius-bottomleft +--- +
{{Non-standard_header}}{{CSSRef}}
+ +

Mozilla アプリケーションにおいて、 -moz-outline-radius-bottomleft は CSS のプロパティで、要素の輪郭線 ({{cssxref("outline")}}) の左下の角を丸くするために使用することができます。

+ +

構文

+ +

-moz-outline-radius-bottomleft の値は、 {{cssxref("length", "<length>")}} または境界ボックスの対応する大きさに対するパーセント値のどちらかです。 {{cssxref("calc", "calc()")}} 関数も同様に使用することができます。

+ +

値

+ +
+
<length>
+
要素の下端と左端の曲率を定義する円の半径を CSS の {{cssxref("length", "<length>")}} で指定します。
+
<percentage>
+
要素の左下隅の丸めを定義する円の半径で、ボーダーボックスの下辺と左辺のパーセント値で指定します。
+
+ +

公式定義

+ +

{{cssinfo}}

+ +

形式文法

+ +{{csssyntax}} + +

例

+ +

アウトラインを丸める

+ +

これは Firefox 専用のプロパティなので、この例では Firefox 以外のブラウザーで表示している場合は、期待した効果が表示されません。

+ +

HTML

+ +
<p>Look at this paragraph's bottom-left corner.</p>
+ +

CSS

+ +
p {
+  margin: 10px;
+  border: solid cyan;
+  outline: dotted green;
+  -moz-outline-radius-bottomleft: 2em;
+}
+ +

結果

+ +

{{EmbedLiveSample("Rounding_a_outline")}}

+ +

仕様書

+ +

標準の一部ではありません。

+ +

ブラウザーの互換性

+ +

{{Compat("css.properties.-moz-outline-radius-bottomleft")}}

+ +

関連情報

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