From a0945919ec6bd1d5c68a0aecef6338d795d16860 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 6 Feb 2022 18:34:54 +0900 Subject: 2021/11/07 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/css/content/index.md | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) (limited to 'files/ja/web/css') diff --git a/files/ja/web/css/content/index.md b/files/ja/web/css/content/index.md index d122a4d2e9..5d10e4b9c7 100644 --- a/files/ja/web/css/content/index.md +++ b/files/ja/web/css/content/index.md @@ -6,7 +6,7 @@ tags: - CSS カウンター - CSS プロパティ - 生成コンテンツ - - Reference + - リファレンス - recipe:css-property browser-compat: css.properties.content translation_of: Web/CSS/content @@ -23,6 +23,7 @@ content: none; /* 値 */ content: url("http://www.example.com/test.png"); content: linear-gradient(#e66465, #9198e5); +content: image-set("image1x.png" 1x, "image2x.png" 2x); /* 生成コンテンツの代替テキスト、レベル 3 の仕様書で追加 */ content: url("http://www.example.com/test.png") / "This is the alt text"; @@ -100,7 +101,7 @@ CSS で生成されるコンテンツは、 [DOM](/ja/docs/Web/API/Document_Obje ## 例 -

見出しと引用符

+### 見出しと引用符 この例では引用部分の周りに引用符を挿入し、見出しの前に "Chapter" の語を追加します。 @@ -150,9 +151,9 @@ h1::before { #### 結果 -

{{EmbedLiveSample('Headings_and_quotes', '100%', 200)}} +{{EmbedLiveSample('Headings_and_quotes', '100%', 200)}} -

テキストと組み合わせる画像

+### テキストと組み合わせる画像 この例はリンクの前に画像を挿入します。画像が見つからなければ、代わりにテキストを挿入します。 @@ -176,7 +177,7 @@ a::before { {{EmbedLiveSample('Image_combined_with_text', '100%', 60)}} -

クラスのターゲッティング

+### クラスのターゲッティング この例はリストの特定の項目の後に追加のテキストを挿入します。 @@ -207,13 +208,14 @@ a::before { {{EmbedLiveSample('Targeting_classes', '100%', 160)}} -

画像および要素の属性

+### 画像および要素の属性 この例はそれぞれのリンクの前に画像を挿入し、後に `id` 属性を追加します。 #### HTML ```html +