From 5968326af62c0f7cc1c46ca6c6cece37ec550ba1 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 8 Oct 2021 01:29:38 +0900 Subject: CSS テキスト装飾関係のプロパティを変換準備 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/css/text-decoration-line/index.html | 107 ----------------------- files/ja/web/css/text-decoration-line/index.md | 107 +++++++++++++++++++++++ 2 files changed, 107 insertions(+), 107 deletions(-) delete mode 100644 files/ja/web/css/text-decoration-line/index.html create mode 100644 files/ja/web/css/text-decoration-line/index.md (limited to 'files/ja/web/css/text-decoration-line') diff --git a/files/ja/web/css/text-decoration-line/index.html b/files/ja/web/css/text-decoration-line/index.html deleted file mode 100644 index b64e8c68c1..0000000000 --- a/files/ja/web/css/text-decoration-line/index.html +++ /dev/null @@ -1,107 +0,0 @@ ---- -title: text-decoration-line -slug: Web/CSS/text-decoration-line -tags: - - CSS - - CSS テキスト装飾 - - CSS プロパティ - - Reference -translation_of: Web/CSS/text-decoration-line ---- -
{{CSSRef}}
- -

CSS の text-decoration-line プロパティは、下線や上線など、要素内の文字列に使われる装飾の種類を設定します。

- -
{{EmbedInteractiveExample("pages/css/text-decoration-line.html")}}
- - - -

複数の line-decoration に関するプロパティを一度に設定するときは、代わりに一括指定の {{cssxref("text-decoration")}} プロパティを使用したほうが便利かもしれません。

- -

構文

- -
/* 単一のキーワード */
-text-decoration-line: none;
-text-decoration-line: underline;
-text-decoration-line: overline;
-text-decoration-line: line-through;
-text-decoration-line: blink;
-
-/* 複数のキーワード */
-text-decoration-line: underline overline;               /* 2つの装飾線 */
-text-decoration-line: overline underline line-through;  /* 複数の装飾線 */
-
-/* グローバル値 */
-text-decoration-line: inherit;
-text-decoration-line: initial;
-text-decoration-line: unset;
-
- -

text-decoration-line プロパティは none または以下のリストにある1つ以上の空白で区切られた値を指定します。

- -

値

- -
-
none
-
テキストの装飾を行いません。
-
underline
-
テキストの各行に下線を引きます。
-
overline
-
テキストの各行の上線を引きます。
-
line-through
-
テキストの各行の中央を貫く線を引きます。
-
blink {{deprecated_inline}}
-
テキストが点滅します (表示と非表示を交互に繰り返します)。準拠するユーザーエージェントはテキストを点滅させないかもしれません。この値は非推奨であり、 CSS アニメーションに取って代わりました。
-
- -

形式文法

- -{{csssyntax}} - -

例

- -
<p class="wavy">Here's some text with wavy red underline!</p>
-<p class="both">This text has lines both above and below it.</p>
- -
.wavy {
-  text-decoration-line: underline;
-  text-decoration-style: wavy;
-  text-decoration-color: red;
-}
-
-.both {
-  text-decoration-line: underline overline;
-}
- -

{{ EmbedLiveSample('Examples', '', '', '') }}

- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSS3 Text Decoration', '#text-decoration-line', 'text-decoration-line')}}{{Spec2('CSS3 Text Decoration')}}初回定義。 {{cssxref("text-decoration")}} プロパティが複数の関連するプロパティを定義する一括指定になりました。
- -

{{cssinfo}}

- -

ブラウザーの対応

- -

{{Compat("css.properties.text-decoration-line")}}

- -

関連情報

- - diff --git a/files/ja/web/css/text-decoration-line/index.md b/files/ja/web/css/text-decoration-line/index.md new file mode 100644 index 0000000000..b64e8c68c1 --- /dev/null +++ b/files/ja/web/css/text-decoration-line/index.md @@ -0,0 +1,107 @@ +--- +title: text-decoration-line +slug: Web/CSS/text-decoration-line +tags: + - CSS + - CSS テキスト装飾 + - CSS プロパティ + - Reference +translation_of: Web/CSS/text-decoration-line +--- +
{{CSSRef}}
+ +

CSS の text-decoration-line プロパティは、下線や上線など、要素内の文字列に使われる装飾の種類を設定します。

+ +
{{EmbedInteractiveExample("pages/css/text-decoration-line.html")}}
+ + + +

複数の line-decoration に関するプロパティを一度に設定するときは、代わりに一括指定の {{cssxref("text-decoration")}} プロパティを使用したほうが便利かもしれません。

+ +

構文

+ +
/* 単一のキーワード */
+text-decoration-line: none;
+text-decoration-line: underline;
+text-decoration-line: overline;
+text-decoration-line: line-through;
+text-decoration-line: blink;
+
+/* 複数のキーワード */
+text-decoration-line: underline overline;               /* 2つの装飾線 */
+text-decoration-line: overline underline line-through;  /* 複数の装飾線 */
+
+/* グローバル値 */
+text-decoration-line: inherit;
+text-decoration-line: initial;
+text-decoration-line: unset;
+
+ +

text-decoration-line プロパティは none または以下のリストにある1つ以上の空白で区切られた値を指定します。

+ +

値

+ +
+
none
+
テキストの装飾を行いません。
+
underline
+
テキストの各行に下線を引きます。
+
overline
+
テキストの各行の上線を引きます。
+
line-through
+
テキストの各行の中央を貫く線を引きます。
+
blink {{deprecated_inline}}
+
テキストが点滅します (表示と非表示を交互に繰り返します)。準拠するユーザーエージェントはテキストを点滅させないかもしれません。この値は非推奨であり、 CSS アニメーションに取って代わりました。
+
+ +

形式文法

+ +{{csssyntax}} + +

例

+ +
<p class="wavy">Here's some text with wavy red underline!</p>
+<p class="both">This text has lines both above and below it.</p>
+ +
.wavy {
+  text-decoration-line: underline;
+  text-decoration-style: wavy;
+  text-decoration-color: red;
+}
+
+.both {
+  text-decoration-line: underline overline;
+}
+ +

{{ EmbedLiveSample('Examples', '', '', '') }}

+ +

仕様書

+ + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('CSS3 Text Decoration', '#text-decoration-line', 'text-decoration-line')}}{{Spec2('CSS3 Text Decoration')}}初回定義。 {{cssxref("text-decoration")}} プロパティが複数の関連するプロパティを定義する一括指定になりました。
+ +

{{cssinfo}}

+ +

ブラウザーの対応

+ +

{{Compat("css.properties.text-decoration-line")}}

+ +

関連情報

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