Skip to content

Commit 37b448b

Browse files
2025/12/17 時点の英語版に基づき更新 (#32821)
* 2025/12/17 時点の英語版に基づき更新 * Update files/ja/web/css/reference/properties/list-style-type/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
1 parent b164878 commit 37b448b

File tree

5 files changed

+56
-60
lines changed

5 files changed

+56
-60
lines changed

files/ja/web/css/reference/properties/counter-increment/index.md

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
---
22
title: counter-increment
33
slug: Web/CSS/Reference/Properties/counter-increment
4-
original_slug: Web/CSS/counter-increment
54
l10n:
6-
sourceCommit: 4e508e2f543c0d77c9c04f406ebc8e9db7e965be
5+
sourceCommit: 33094d735e90b4dcae5733331b79c51fee997410
76
---
87

98
**`counter-increment`**[CSS](/ja/docs/Web/CSS) のプロパティで、指定された値によって [CSS カウンター](/ja/docs/Web/CSS/Guides/Counter_styles/Using_counters)の値を増加または減少させたり、すべてのカウンターまたは個々のカウンターが変化することを防いだりするためのプロパティです。
@@ -32,7 +31,7 @@ counter-increment: example-counter -5;
3231

3332
```html interactive-example
3433
<section class="default-example" id="default-example">
35-
<div class="transition-all" id="example-element">Counter value:</div>
34+
<div class="transition-all" id="example-element">カウンター値:</div>
3635
</section>
3736
```
3837

@@ -163,7 +162,7 @@ i {
163162

164163
- カウンターのプロパティ: {{cssxref("counter-set")}}, {{cssxref("counter-reset")}}
165164
- カウンターのアットルール: {{cssxref("@counter-style")}}
166-
- カウンターの関数: {{cssxref("counter", "counter()")}} および {{cssxref("counters", "counters()")}}
165+
- カウンターの関数: {{cssxref("counter()")}} および {{cssxref("counters()")}}
167166
- [CSS カウンターの使用](/ja/docs/Web/CSS/Guides/Counter_styles/Using_counters)ガイド
168167
- [CSS リストとカウンター](/ja/docs/Web/CSS/Guides/Lists)モジュール
169168
- [CSS カウンタースタイル](/ja/docs/Web/CSS/Guides/Counter_styles)モジュール

files/ja/web/css/reference/properties/counter-reset/index.md

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,11 @@
11
---
22
title: counter-reset
33
slug: Web/CSS/Reference/Properties/counter-reset
4-
original_slug: Web/CSS/counter-reset
54
l10n:
6-
sourceCommit: cdc0015b727804fa293bb33e5abcefce688729ab
5+
sourceCommit: 33094d735e90b4dcae5733331b79c51fee997410
76
---
87

9-
**`counter-reset`**[CSS](/ja/docs/Web/CSS) のプロパティで、 [CSS カウンター](/ja/docs/Web/CSS/Guides/Counter_styles/Using_counters)を指定された値で初期化します。要素の数値から 1 までカウントアップするカウンター、および要素の数値から 1 までカウントダウンするカウンターを作成することができます。
8+
**`counter-reset`**[CSS](/ja/docs/Web/CSS) のプロパティで、名前付きの [CSS カウンター](/ja/docs/Web/CSS/Guides/Counter_styles/Using_counters)を作成し、指定された値で初期化します。要素の数値から 1 までカウントアップするカウンター、および要素の数値から 1 までカウントダウンするカウンターを作成することができます。
109

1110
{{InteractiveExample("CSS デモ: counter-reset")}}
1211

@@ -59,7 +58,7 @@ h2 {
5958
}
6059

6160
h2::before {
62-
content: "Chapter " counters(chapter-count, ".") ": ";
61+
content: " " counters(chapter-count, ".") ": ";
6362
}
6463
```
6564

@@ -75,7 +74,7 @@ counter-reset: my-counter -3;
7574
/* 逆光カウンターを、既定の初期値で作成 */
7675
counter-reset: reversed(my-counter);
7776

78-
/* 逆光カウンターを作成し、 "-1" で初期化 */
77+
/* 逆光カウンターを作成し、 "-1" で初期化 */
7978
counter-reset: reversed(my-counter) -1;
8079

8180
/* 逆光カウンターと通常のカウンターを同時に作成 */
@@ -109,13 +108,13 @@ counter-reset: unset;
109108
`counter-reset` プロパティは、通常のカウンターと、対応しているブラウザーでは逆行カウンターの両方を生成することができます。通常のカウンターと逆行カウンターを、空白で区切って複数作成することができます。カウンターは、単独の名前、または空白で区切られた名前と値の組み合わせとすることができます。
110109

111110
> [!WARNING]
112-
> [`counter-reset` と `counter-set` プロパティには違い](/ja/docs/Web/CSS/Guides/Counter_styles/Using_counters#difference_between_counter-set_and_counter-reset)があります。 `counter-reset` を使用してカウンターを作成した後、 {{cssxref("counter-set")}} プロパティを使用してその値を調整することができます。 `counter-reset` プロパティは名前とは裏腹にカウンターの作成と初期化に使用され、一方、 `counter-set` プロパティは既存のカウンターの値をリセットするために使用されるため、これは直感に反しています
111+
> [`counter-reset` と `counter-set` プロパティには違い](/ja/docs/Web/CSS/Guides/Counter_styles/Using_counters#counter-set_と_counter-reset_の違い)があります。`counter-reset` を使用してカウンターを作成した後、 {{cssxref("counter-set")}} プロパティを使用してその値を調整することができます。これは直感的ではありません。名前にもかかわらず、`counter-reset` プロパティはカウンターの作成と初期化に使用され、一方、`counter-set` プロパティは既存のカウンターの値をリセットするために使用されるからです
113112

114113
より高い詳細度を持つセレクターで `counter-increment: none` を設定すると、より低い詳細度を持つセレクターで設定された名前付きカウンターの作成が上書きされます。
115114

116115
### 既定の初期値
117116

118-
通常および逆行カウンターの既定の初期値により、最も一般的な 2 つの番号付けパターン、すなわち 1 から要素数までのカウントアップと、要素数から 1 までのカウントダウンは簡単に実装できます。名前付きカウンターにカウンター値を指定することで、カウンターをある整数値から始めて、カウントアップやカウントダウンをするようにすることができます。
117+
通常および逆行カウンターの既定の初期値により、最も一般的な 2 つの番号付けパターン、すなわち 1 から要素数までのカウントアップと、要素数から 1 までのカウントダウンが実装できます。名前付きカウンターにカウンター値を指定することで、カウンターをある整数値から始めて、カウントアップやカウントダウンをするようにすることができます。
119118

120119
通常のカウンターは、リセット値が提供されていない場合、 `0` になっています。既定では、通常のカウンターは 1 つずつ増加しますが、 {{cssxref("counter-increment")}} で調整することができます。
121120

@@ -238,10 +237,10 @@ li::before {
238237
## 関連情報
239238

240239
- [CSS カウンターの使用](/ja/docs/Web/CSS/Guides/Counter_styles/Using_counters)
241-
- {{cssxref("counter-increment")}}
242-
- {{cssxref("counter-set")}}
243-
- {{cssxref("@counter-style")}}
244-
- {{cssxref("counter", "counter()")}} および {{cssxref("counters", "counters()")}} 関数
240+
- {{cssxref("counter-increment")}} プロパティ
241+
- {{cssxref("counter-set")}} プロパティ
242+
- {{cssxref("@counter-style")}} アットルール
243+
- {{cssxref("counter()")}} および {{cssxref("counters()")}} 関数
245244
- {{cssxref("content")}} プロパティ
246245
- {{cssxref("::marker")}} 擬似クラス
247246
- [CSS リストとカウンター](/ja/docs/Web/CSS/Guides/Lists)モジュール

files/ja/web/css/reference/properties/counter-set/index.md

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,19 @@
11
---
22
title: counter-set
33
slug: Web/CSS/Reference/Properties/counter-set
4-
original_slug: Web/CSS/counter-set
54
l10n:
6-
sourceCommit: cdc0015b727804fa293bb33e5abcefce688729ab
5+
sourceCommit: 33094d735e90b4dcae5733331b79c51fee997410
76
---
87

98
**`counter-set`**[CSS](/ja/docs/Web/CSS) のプロパティで、[CSS カウンター](/ja/docs/Web/CSS/Guides/Counter_styles/Using_counters)を指定された値に設定します。
109

11-
そのカウンターが存在しない場合、`counter-set`プロパティは、空白で区切られたカウンターと値のペアのリストに名前付きカウンターが含まれている場合、新しいカウンターを作成します。しかし、新しいカウンターを作成するには、 {{cssxref("counter-reset")}} プロパティを使用することをお勧めします。
10+
そのカウンターが存在しない場合、`counter-set` プロパティは、カウンターと値のペアの空白で区切られたリストにあるそれぞれの名前付きカウンターについて、新しいカウンターを作成します。しかし、新しいカウンターを作成するには、 {{cssxref("counter-reset")}} プロパティを使用することをお勧めします。
1211

1312
リストに含まれている名前付きカウンターに値が設定されていない場合、そのカウンターの値は `0` に設定されます。
1413

14+
> [!NOTE]
15+
> カウンターの値は {{cssxref("counter-increment")}} プロパティを使用して増減させることができます。
16+
1517
{{InteractiveExample("CSS デモ: counter-set")}}
1618

1719
```css interactive-example-choice
@@ -63,13 +65,10 @@ h2 {
6365
}
6466

6567
h2::before {
66-
content: "Chapter " counter(chapter-count) ": ";
68+
content: " " counter(chapter-count) ": ";
6769
}
6870
```
6971

70-
> [!NOTE]
71-
> カウンターの値は {{cssxref("counter-increment")}} プロパティを使用して増減させることができます。
72-
7372
## 構文
7473

7574
```css
@@ -141,7 +140,7 @@ h1 {
141140
- {{cssxref("counter-increment")}}
142141
- {{cssxref("counter-reset")}}
143142
- {{cssxref("@counter-style")}}
144-
- {{cssxref("counter", "counter()")}} および {{cssxref("counters", "counters()")}} 関数
143+
- {{cssxref("counter()")}} および {{cssxref("counters()")}} 関数
145144
- {{cssxref("content")}} プロパティ
146145
- [CSS リストとカウンター](/ja/docs/Web/CSS/Guides/Lists)モジュール
147146
- [CSS カウンタースタイル](/ja/docs/Web/CSS/Guides/Counter_styles)モジュール

files/ja/web/css/reference/properties/list-style-image/index.md

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
---
22
title: list-style-image
33
slug: Web/CSS/Reference/Properties/list-style-image
4-
original_slug: Web/CSS/list-style-image
54
l10n:
6-
sourceCommit: b2833ddfd45cae1bb5e050d24637865e9327408d
5+
sourceCommit: 33094d735e90b4dcae5733331b79c51fee997410
76
---
87

98
**`list-style-image`**[CSS](/ja/docs/Web/CSS) のプロパティで、リストアイテムのマーカーとして使われる画像を設定します。
@@ -23,7 +22,7 @@ list-style-image: none;
2322
```html interactive-example
2423
<section class="default-example" id="default-example">
2524
<div>
26-
<p>NASA Notable Missions</p>
25+
<p>NASA の有名なミッション</p>
2726
<ul class="transition-all unhighlighted" id="example-element">
2827
<li>Apollo</li>
2928
<li>Hubble</li>
@@ -72,7 +71,7 @@ hr {
7271
```
7372

7473
> [!NOTE]
75-
> このプロパティはリストアイテム、つまり、`{{cssxref("display")}}: list-item;` が指定された要素に対して適用されます。[既定では](https://html.spec.whatwg.org/multipage/rendering.html#lists)、 {{HTMLElement("li")}} 要素を含みます。このプロパティは継承されるので、親要素 (通常は {{HTMLElement("ol")}} や {{HTMLElement("ul")}}) に設定することで、すべてのリストアイテムに適用することができます。
74+
> このプロパティはリストアイテム、つまり、`{{cssxref("display")}}: list-item;` が指定された要素に対して適用されます。[デフォルトでは](https://html.spec.whatwg.org/multipage/rendering.html#lists)、 {{HTMLElement("li")}} 要素があります。このプロパティは継承されるので、親要素通常は {{HTMLElement("ol")}} や {{HTMLElement("ul")}}に設定することで、すべてのリストアイテムに適用することができます。
7675
7776
## 構文
7877

@@ -96,7 +95,7 @@ list-style-image: unset;
9695

9796
### 値
9897

99-
- {{cssxref("&lt;image&gt;")}}
98+
- {{cssxref("image")}}
10099
- : マーカーとして使う画像の場所です。
101100
- `none`
102101
- : 画像をマーカーとして使用しないことを指定します。この値が設定された場合、代わりに {{ Cssxref("list-style-type") }} で定義されたマーカーが使われます。これは、 {{cssxref("list-style")}} の既定値です。

0 commit comments

Comments
 (0)