From 43788fe0a3534552e4a2df176a82ce15fbcac433 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Wed, 26 Jan 2022 22:09:49 +0900 Subject: counter-reset の記事を更新開始 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/css/counter-reset/index.html | 52 ++++++++++++++----------------- 1 file changed, 23 insertions(+), 29 deletions(-) (limited to 'files/ja/web') diff --git a/files/ja/web/css/counter-reset/index.html b/files/ja/web/css/counter-reset/index.html index abe7c23ca1..2d3aafeb68 100644 --- a/files/ja/web/css/counter-reset/index.html +++ b/files/ja/web/css/counter-reset/index.html @@ -10,17 +10,17 @@ translation_of: Web/CSS/counter-reset ---
{{CSSRef}}
-

CSS の counter-reset プロパティは、 CSS カウンターを、与えられた値に初期化します。

+CSS の **`counter-reset`** プロパティは、 CSS カウンターを、与えられた値に初期化します。
{{EmbedInteractiveExample("pages/css/counter-reset.html")}}
-

メモ: カウンターの値は CSS の {{cssxref("counter-increment")}} プロパティを使用して増加させたり減少させたりすることができます。

+**メモ:** カウンターの値は CSS の {{cssxref("counter-increment")}} プロパティを使用して増加させたり減少させたりすることができます。
-

構文

+## 構文 
/* "my-counter" を 0 に設定 */
 counter-reset: my-counter;
@@ -40,29 +40,25 @@ counter-reset: initial;
 counter-reset: unset;
-

counter-reset プロパティは、以下のうちの一つで指定します。

+`counter-reset` プロパティは、以下のうちの一つで指定します。 - +- カウンターの名前を指定する `<custom-ident>` と、その後に任意で `<integer>`。名前又は名前と数値の組み合わせを空白で区切ることで、初期化させるカウンターを好きなだけ指定することができます。 +- キーワード値 `none`。 -

値

+### 値 -
-
{{cssxref("custom-ident", "<custom-ident>")}}
-
初期化の対象となる、カウンターの名前です。
-
{{cssxref("<integer>")}}
-
要素が出現するごとに、カウンターを初期化するための値です。与えられない場合、初期値の 0 なります。
-
none
-
カウンターの初期化は行われません。これはより詳細度の低い規則によって定義された counter-reset を上書きするために使用することができます。
-
+- {{cssxref("custom-ident", "<custom-ident>")}} + - : 初期化の対象となる、カウンターの名前です。 +- {{cssxref("<integer>")}} + - : 要素が出現するごとに、カウンターを初期化するための値です。与えられない場合、初期値の `0` なります。 +- `none` + - : カウンターの初期化は行われません。これはより詳細度の低い規則によって定義された `counter-reset` を上書きするために使用することができます。 -

形式文法

+## 形式文法 {{csssyntax}} -

例

+## 例 
h1 {
   counter-reset: chapter section 1 page;
@@ -71,7 +67,7 @@ counter-reset: unset;
 }
-

仕様書

+## 仕様書 @@ -95,18 +91,16 @@ counter-reset: unset;
-

{{cssinfo}}

+{{cssinfo}} -

ブラウザーの対応

+## ブラウザーの互換性
-

{{Compat("css.properties.counter-reset")}}

+{{Compat("css.properties.counter-reset")}}
-

関連情報

+## 関連情報 - +- CSS カウンターの利用 +- {{cssxref("counter-increment")}} +- {{cssxref("@counter-style")}} -- cgit v1.2.3-54-g00ecf