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

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

+ +

構文

+ +

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

+ +

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

公式定義

+ +

{{CSSInfo}}

+ +

形式文法

+ +{{CSSSyntax}} + +

+ +

HTML

+ +
<p>段落の右上の角を見てください。</p>
+ +

CSS

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

結果

+ +

{{EmbedLiveSample("Examples")}}

+ +
+

上記の例は Firefox 以外のブラウザーで見ている場合は、求められる効果が表示されません。

+
+ +

仕様書

+ +

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

+ +

ブラウザーの互換性

+ + +

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

+ +

関連情報

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