From b7be199f2fcd1f960f4f207c1159921a5acf88d2 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Mon, 3 Jan 2022 12:20:24 +0900 Subject: 2021/08/13 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/css/_doublecolon_marker/index.md | 128 +++++++++++--------------- 1 file changed, 53 insertions(+), 75 deletions(-) (limited to 'files') diff --git a/files/ja/web/css/_doublecolon_marker/index.md b/files/ja/web/css/_doublecolon_marker/index.md index c0b0b9356f..1dde410670 100644 --- a/files/ja/web/css/_doublecolon_marker/index.md +++ b/files/ja/web/css/_doublecolon_marker/index.md @@ -1,100 +1,78 @@ --- title: '::marker' -slug: 'Web/CSS/::marker' +slug: Web/CSS/::marker tags: - CSS - - CSS Lists - CSS リスト - - Experimental - - Layout - - Pseudo-element - - Reference - - 疑似要素 -translation_of: 'Web/CSS/::marker' + - 実験的 + - レイアウト + - 擬似要素 + - リファレンス + - セレクター +browser-compat: css.selectors.marker +translation_of: Web/CSS/::marker --- -
{{CSSRef}}
+{{CSSRef}} -

::marker は CSS の擬似要素で、リスト項目の箇条書き記号ボックス (ふつうは黒丸や番号) を選択します。これは display: list-item が設定された要素や擬似要素、例えば {{HTMLElement("li")}} 要素や {{HTMLElement("summary")}} 要素で利用できます。

+**`::marker`** は [CSS](/ja/docs/Web/CSS) の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で、リスト項目の箇条書き記号ボックス (ふつうは黒丸や番号) を選択します。これは `[display: list-item](/ja/docs/Web/CSS/display)` が設定された要素や擬似要素、例えば {{HTMLElement("li")}} 要素や {{HTMLElement("summary")}} 要素で利用できます。 -
::marker {
+```css
+::marker {
   color: blue;
   font-size: 1.2em;
-}
+} +``` -

利用できるプロパティ

+## 利用できるプロパティ -

::marker 擬似要素では、一部の CSS プロパティのみが利用できます。

+`::marker` 擬似要素では、一部の CSS プロパティのみが利用できます。 - +- すべての[フォントプロパティ](/ja/docs/Web/CSS/CSS_Fonts) +- {{CSSxRef("white-space")}} プロパティ +- {{CSSxRef("color")}} +- {{CSSxRef("text-combine-upright")}}, {{CSSxRef("unicode-bidi")}}, {{CSSxRef("direction")}} の各プロパティ +- {{CSSxRef("content")}} プロパティ +- すべての[アニメーション](/ja/docs/Web/CSS/CSS_Animations#css_プロパティ)および[トランジション](/ja/docs/Web/CSS/CSS_Transitions#プロパティ)プロパティ -
-

この仕様書は、将来追加の CSS プロパティに対応する可能性があることを示しています。

-
+> **Note:** この仕様書は、将来追加の CSS プロパティにも対応する可能性があることを示しています。 -

構文

+## 構文 {{CSSSyntax}} -

例

+## 例 -

HTML

+### HTML -
<ul>
-  <li>Peaches</li>
-  <li>Apples</li>
-  <li>Plums</li>
-</ul>
+```html + +``` -

CSS

+### CSS -
ul li::marker {
+```css
+ul li::marker {
   color: red;
   font-size: 1.5em;
-}
- -

結果

- -

{{EmbedLiveSample('Examples')}}

- -

仕様書

- - - - - - - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSS4 Pseudo-Elements', '#marker-pseudo', '::marker')}}{{Spec2('CSS4 Pseudo-Elements')}}重要な変更はなし。
{{SpecName('CSS3 Lists', '#marker-pseudo', '::marker')}}{{Spec2('CSS3 Lists')}}初回定義。
- -

ブラウザーの互換性

- -
-

{{Compat("css.selectors.marker")}}

-
- -

関連情報

+} +``` - +### 結果 + +{{EmbedLiveSample('Examples')}} + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- 既定で箇条書き記号ボックスがある HTML 要素: {{HTMLElement("ol")}}, {{HTMLElement("li")}}, {{HTMLElement("summary")}} -- cgit v1.2.3-54-g00ecf