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-outline-radius/index.html | 103 ------------------------ 1 file changed, 103 deletions(-) delete mode 100644 files/ja/web/css/-moz-outline-radius/index.html (limited to 'files/ja/web/css/-moz-outline-radius/index.html') diff --git a/files/ja/web/css/-moz-outline-radius/index.html b/files/ja/web/css/-moz-outline-radius/index.html deleted file mode 100644 index f8e21bd877..0000000000 --- a/files/ja/web/css/-moz-outline-radius/index.html +++ /dev/null @@ -1,103 +0,0 @@ ---- -title: '-moz-outline-radius' -slug: Web/CSS/-moz-outline-radius -tags: - - '-moz-outline-radius' - - '-moz-outline-radius-bottomleft' - - '-moz-outline-radius-bottomright' - - '-moz-outline-radius-topleft' - - '-moz-outline-radius-topright' - - CSS - - CSS プロパティ - - Mozilla 拡張 - - Non-standard - - Reference -translation_of: Web/CSS/-moz-outline-radius ---- -
{{CSSRef}}{{Non-standard_header}}
- -

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

- -
/* 1つの値 */
--moz-outline-radius: 25px;
-
-/* 2つの値 */
--moz-outline-radius: 25px 1em;
-
-/* 3つの値 */
--moz-outline-radius: 25px 1em 12%;
-
-/* 4つの値 */
--moz-outline-radius: 25px 1em 12% 4mm;
-
-/* グローバル値 */
--moz-outline-radius: inherit;
--moz-outline-radius: initial;
--moz-outline-radius: unset;
-
- -

このプロパティは、一括指定であり、4つのプロパティ {{cssxref("-moz-outline-radius-topleft")}}, {{cssxref("-moz-outline-radius-topright")}}, {{cssxref("-moz-outline-radius-bottomright")}}, {{cssxref("-moz-outline-radius-bottomleft")}} を設定します。

- -

{{cssinfo}}

- -

構文

- -

値

- -
楕円形の輪郭線や <percentage> の値は、 {{cssxref("border-radius")}} で説明されている構文に従います。
- -

1～4つの <outline-radius> 値で、次のうちの一つを表します。

- -
-
{{cssxref("<length>")}}
-
取りうる値については {{cssxref("<length>")}} をご覧ください。
-
{{cssxref("<percentage>")}}
-
{{cssxref("<percentage>")}}。詳しくは {{cssxref("border-radius")}} を参照してください。
-
- - - -

形式文法

- -{{csssyntax}} - -

例

- -

HTML

- -
<p>This element has a rounded outline!</p>
- -

CSS

- -
p {
-  margin: 5px;
-  border: 1px solid black;
-  outline: dotted red;
-  -moz-outline-radius: 12% 1em 25px;
-}
- -

結果

- -

{{EmbedLiveSample('Example')}}

- -

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

- -

メモ

- - - -

仕様書

- -

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

- -

ブラウザーの互換性

- -

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

-- cgit v1.2.3-54-g00ecf