From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/css/@counter-style/prefix/index.html | 96 +++++++++++++++++++++++ 1 file changed, 96 insertions(+) create mode 100644 files/ja/web/css/@counter-style/prefix/index.html (limited to 'files/ja/web/css/@counter-style/prefix') diff --git a/files/ja/web/css/@counter-style/prefix/index.html b/files/ja/web/css/@counter-style/prefix/index.html new file mode 100644 index 0000000000..b69e7d4fcc --- /dev/null +++ b/files/ja/web/css/@counter-style/prefix/index.html @@ -0,0 +1,96 @@ +--- +title: prefix +slug: Web/CSS/@counter-style/prefix +tags: + - '@counter-style' + - CSS + - CSS カウンタースタイル + - CSS 記述子 + - リファレンス +translation_of: Web/CSS/@counter-style/prefix +--- +
{{CSSRef}}
+ +

{{cssxref('@counter-style')}} 規則の prefix 記述子は、マーカーに先立って表示される内容を指定します。指定されていない場合、既定値は "" (空文字列) になります。

+ +

{{cssinfo}}

+ +

構文

+ +
/* <symbol> 値 */
+prefix: "»";
+prefix: "Page ";
+prefix: url(bullet.png);
+
+ +

値

+ +
+
<symbol>
+
マーカーに先立って表示される <symbol> を指定します。 {{cssxref("<string>")}}, {{cssxref("<image>")}}, {{cssxref("<custom-ident>")}} の何れかです。
+
+ +

形式文法

+ +
{{csssyntax}}
+ +

例

+ +

HTML

+ +
<ul class="index">
+  <li>The Boy Who Lived</li>
+  <li>The Vanishing Glass</li>
+  <li>The Letters from No One</li>
+  <li>The Keeper of the Keys</li>
+  <li>Diagon Alley</li>
+</ul>
+ +

CSS

+ +
@counter-style chapters {
+  system: numeric;
+  symbols: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9";
+  prefix: 'Chapter ';
+}
+
+.index {
+  list-style: chapters;
+  padding-left: 15ch;
+}
+ +

結果

+ +

{{ EmbedLiveSample('Example') }}

+ +

仕様書

+ + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('CSS3 Counter Styles', '#descdef-counter-style-prefix', 'prefix')}}{{Spec2('CSS3 Counter Styles')}}初回定義
+ +

ブラウザーの対応

+ + + +

{{Compat("css.at-rules.counter-style.prefix")}}

+ +

関連情報

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