diff options
| -rw-r--r-- | files/ja/web/css/counter-reset/index.html | 52 |
1 files changed, 23 insertions, 29 deletions
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 --- <div>{{CSSRef}}</div> -<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>counter-reset</code></strong> プロパティは、 <a href="/ja/docs/Web/CSS/CSS_Counter_Styles/Using_CSS_counters">CSS カウンター</a>を、与えられた値に初期化します。</p> +<a href="/ja/docs/Web/CSS">CSS</a> の **`counter-reset`** プロパティは、 <a href="/ja/docs/Web/CSS/CSS_Counter_Styles/Using_CSS_counters">CSS カウンター</a>を、与えられた値に初期化します。 <div>{{EmbedInteractiveExample("pages/css/counter-reset.html")}}</div> <p class="hidden">この対話型サンプルのソースファイルは GitHub リポジトリに格納されています。対話型サンプルプロジェクトに協力したい場合は、 <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> をクローンしてプルリクエストを送信してください。</p> <div class="note"> -<p><strong>メモ:</strong> カウンターの値は CSS の {{cssxref("counter-increment")}} プロパティを使用して増加させたり減少させたりすることができます。</p> +**メモ:** カウンターの値は CSS の {{cssxref("counter-increment")}} プロパティを使用して増加させたり減少させたりすることができます。 </div> -<h2 id="Syntax" name="Syntax">構文</h2> +## 構文 <pre class="brush:css no-line-numbers">/* "my-counter" を 0 に設定 */ counter-reset: my-counter; @@ -40,29 +40,25 @@ counter-reset: initial; counter-reset: unset; </pre> -<p><code>counter-reset</code> プロパティは、以下のうちの一つで指定します。</p> +`counter-reset` プロパティは、以下のうちの一つで指定します。 -<ul> - <li>カウンターの名前を指定する <code><custom-ident></code> と、その後に任意で <code><integer></code>。名前又は名前と数値の組み合わせを空白で区切ることで、初期化させるカウンターを好きなだけ指定することができます。</li> - <li>キーワード値 <code>none</code>。</li> -</ul> +- カウンターの名前を指定する `<custom-ident>` と、その後に任意で `<integer>`。名前又は名前と数値の組み合わせを空白で区切ることで、初期化させるカウンターを好きなだけ指定することができます。 +- キーワード値 `none`。 -<h3 id="Values" name="Values">値</h3> +### 値 -<dl> - <dt>{{cssxref("custom-ident", "<custom-ident>")}}</dt> - <dd>初期化の対象となる、カウンターの名前です。</dd> - <dt>{{cssxref("<integer>")}}</dt> - <dd>要素が出現するごとに、カウンターを初期化するための値です。与えられない場合、初期値の <code>0</code> なります。</dd> - <dt><code>none</code></dt> - <dd>カウンターの初期化は行われません。これはより詳細度の低い規則によって定義された <code>counter-reset</code> を上書きするために使用することができます。</dd> -</dl> +- {{cssxref("custom-ident", "<custom-ident>")}} + - : 初期化の対象となる、カウンターの名前です。 +- {{cssxref("<integer>")}} + - : 要素が出現するごとに、カウンターを初期化するための値です。与えられない場合、初期値の `0` なります。 +- `none` + - : カウンターの初期化は行われません。これはより詳細度の低い規則によって定義された `counter-reset` を上書きするために使用することができます。 -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> +## 形式文法 {{csssyntax}} -<h2 id="Examples" name="Examples">例</h2> +## 例 <pre class="brush:css">h1 { counter-reset: chapter section 1 page; @@ -71,7 +67,7 @@ counter-reset: unset; } </pre> -<h2 id="Specifications" name="Specifications">仕様書</h2> +## 仕様書 <table class="standard-table"> <thead> @@ -95,18 +91,16 @@ counter-reset: unset; </tbody> </table> -<p>{{cssinfo}}</p> +{{cssinfo}} -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> +## ブラウザーの互換性 <div> -<p>{{Compat("css.properties.counter-reset")}}</p> +{{Compat("css.properties.counter-reset")}} </div> -<h2 id="See_also" name="See_also">関連情報</h2> +## 関連情報 -<ul> - <li><a href="/ja/docs/Web/CSS/CSS_Counter_Styles/Using_CSS_counters">CSS カウンターの利用</a></li> - <li>{{cssxref("counter-increment")}}</li> - <li>{{cssxref("@counter-style")}}</li> -</ul> +- <a href="/ja/docs/Web/CSS/CSS_Counter_Styles/Using_CSS_counters">CSS カウンターの利用</a> +- {{cssxref("counter-increment")}} +- {{cssxref("@counter-style")}} |