From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../css/-moz-outline-radius-bottomright/index.html | 76 ++++++++++++++++++++++ 1 file changed, 76 insertions(+) create mode 100644 files/ja/web/css/-moz-outline-radius-bottomright/index.html (limited to 'files/ja/web/css/-moz-outline-radius-bottomright') diff --git a/files/ja/web/css/-moz-outline-radius-bottomright/index.html b/files/ja/web/css/-moz-outline-radius-bottomright/index.html new file mode 100644 index 0000000000..684044c104 --- /dev/null +++ b/files/ja/web/css/-moz-outline-radius-bottomright/index.html @@ -0,0 +1,76 @@ +--- +title: '-moz-outline-radius-bottomright' +slug: Web/CSS/-moz-outline-radius-bottomright +tags: + - CSS + - CSS Property + - NeedsCompatTable + - NeedsContent + - Non-standard + - Reference + - 'recipe:css-property' +translation_of: Web/CSS/-moz-outline-radius-bottomright +--- +
{{Non-standard_header}}{{CSSRef}}
+ +

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

+ +

構文

+ +

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

+ +

値

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

公式定義

+ +

{{CSSInfo}}

+ +

形式文法

+ +
{{CSSSyntax}}
+ +

例

+ +

HTML

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

CSS

+ +
p {
+  margin: 5px;
+  border: solid cyan;
+  outline: dotted red;
+  -moz-outline-radius-bottomright: 2em;
+}
+ +

結果

+ +

{{EmbedLiveSample("Examples")}}

+ +
+

注: 上記の例は、 Firefox 以外のブラウザーで表示させると、期待通りの効果が表示されません。

+
+ +

仕様書

+ +

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

+ +

ブラウザーの互換性

+ + + +

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

+ +

関連情報

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