[css-forms-1] Add slider- prefix to slider pseudo-element names 他

Add slider- prefix to slider pseudo-element names
w3c/csswg-drafts@9549bb8

Remove inline issue regarding color-swatch name
w3c/csswg-drafts@e098776

Author: triple-underscore

css-forms-ja.html

@@ -137,8 +137,8 @@
 ●●options
 
 spec_title:CSS Gap Decorations Module Level 1
-spec_date:2025-04-01
-trans_update:2025-04-08
+spec_date:2025-04-10
+trans_update:2025-04-11
 	source_checked:
 page_state_key:CSS
 original_url:https://drafts.csswg.org/css-forms-1/
@@ -238,15 +238,15 @@
 pe.field-separator:#selectordef-field-separator
 pe.field-text:#selectordef-field-text
 pe.file-selector-button:#selectordef-file-selector-button
-pe.fill:#selectordef-fill
 pe.picker():#selectordef-picker
 pe.picker-icon:#selectordef-picker-icon
 pe.placeholder:#selectordef-placeholder
+pe.slider-fill:#selectordef-slider-fill
+pe.slider-thumb:#selectordef-slider-thumb
+pe.slider-track:#selectordef-slider-track
 pe.step-control:#selectordef-step-control
 pe.step-down:#selectordef-step-down
 pe.step-up:#selectordef-step-up
-pe.thumb:#selectordef-thumb
-pe.track:#selectordef-track
 ps.checked:~SELECTORS4#checked-pseudo
 ps.high-value:#selectordef-high-value
 ps.low-value:#selectordef-low-value
@@ -322,7 +322,6 @@
 暗な:darkな:暗い
 不定:indeterminate:~
 	不定~状態にある:indeterminate
-	不定:undetermined
 部位:portion:~
 picker:::選択 UI
 popup::::
@@ -1074,10 +1073,11 @@ <h2 title="Pseudo-Elements">4. 疑似要素</h2>
 <tr><td>`progress$e
 <td rowspan="4" style="vertical-align:top;">
 <div class="_box-tree">
-<ol><li>`track$pe
-	<ol><li>`fill$pe
+<ol><li>`slider-track$pe
+	<ol><li>`slider-fill$pe
 	</ol>
-	<li>`thumb$pe
+	<li>`slider-thumb$pe
+</ol>
 </div>
 <p class="trans-note">【†
 `switch^a 属性を伴う~checkboxは、
@@ -1152,9 +1152,9 @@ <h2 title="Pseudo-Elements">4. 疑似要素</h2>
 Control｜Pseudo-elements
 &lt;progress&gt;｜
 
-├─ ''::track''
-│  └─ ''::fill''
-└─ ''::thumb''
+├─ ''::slider-track''
+│  └─ ''::slider-fill''
+└─ ''::slider-thumb''
 
 &lt;meter&gt;｜↑
 &lt;input type=checkbox switch&gt;｜↑
@@ -1404,24 +1404,23 @@ <h3 title="Styling Checkmarks: the ::checkmark pseudo-element">4.3. ~checkmark
 
 		</section>
 		<section id="slider-pseudos">
-<h3 title="Styling Parts of Slider-Like Controls: the ::thumb, ::track and ::fill pseudo-elements">4.4. ~sliderの様な~controlを成す各部の~style法： `thumb^pe, `track^pe, `fill^pe 疑似要素</h3>
-
-<p class="issue">
-命名は、
-依然として論の最中にある。
-[`9830$issue]
-◎
-Naming is still under discussion. [Issue #9830]
-</p>
+<h3 title="Styling Parts of Slider-Like Controls: the ::slider-thumb, ::slider-track and ::slider-fill pseudo-elements">4.4. ~sliderの様な~controlを成す各部の~style法： `slider-thumb^pe, `slider-track^pe, `slider-fill^pe 疑似要素</h3>
 
 <p>
 `~sliderの様な~control@
 とは、
-利用者が調整-可能な進捗を表現する~form~controlである。
+利用者【または作者†】が調整-可能な進捗を表現する~form~controlである。
 ◎
 Slider-like controls are form controls that represent progress. That progress may be adjustable by the user.
 </p>
 
+<p class="trans-note">【†
+該当するものとして以下に挙げられる［
+`progress$e, `meter$e
+］要素においては、
+“利用者” とは，作者（~scriptの利用者）を指すであろう。
+】</p>
+
 <p>
 それを成す各部には、
 次に挙げる疑似要素が供される：
@@ -1430,15 +1429,15 @@ <h3 title="Styling Parts of Slider-Like Controls: the ::thumb, ::track and ::fil
 </p>
 
 <dl>
-	<dt>`thumb@pe</dt>
+	<dt>`slider-thumb@pe</dt>
 	<dd>
 この疑似要素は、［
 当の~controlの進捗を調整する
 ］ことを［
 利用者に許容する部位
 ］を表現する。
 ◎
-The ::thumb pseudo-element represents the portion that allows the user to adjust the progress of the control.
+The ::slider-thumb pseudo-element represents the portion that allows the user to adjust the progress of the control.
 </dd>
 	<dd class="note">注記：
 ほとんどの~UAにおいては、
@@ -1447,29 +1446,29 @@ <h3 title="Styling Parts of Slider-Like Controls: the ::thumb, ::track and ::fil
 NOTE: It is typically natively rendered as a circle in most user agents.
 </dd>
 
-	<dt>`track@pe</dt>
+	<dt>`slider-track@pe</dt>
 	<dd>
 この疑似要素は、
 当の~controlを成す［
 進捗-済みな部位, 進捗-済みでない部位
 ］【！を包含している部位】を表現する。
 ◎
-The ::track pseudo-element represents the portion containing both the progressed and unprogressed portions of the control.
+The ::slider-track pseudo-element represents the portion containing both the progressed and unprogressed portions of the control.
 </dd>
 
-	<dt>`fill@pe</dt>
+	<dt>`slider-fill@pe</dt>
 	<dd>
 この疑似要素は、
 当の~controlを成す進捗-済みな部位【！を包含している部位】を表現する。
 ◎
-The ::fill pseudo-element represents the portion containing the progressed portion of the control.
+The ::slider-fill pseudo-element represents the portion containing the progressed portion of the control.
 </dd>
 	<dd>
-当の~controlの進捗は不定【！undetermined】である場合
-（例： `value^a 属性が指定されていない `progress$e 要素【！progress indeterminate】）、
+当の~controlの進捗は不定である場合
+（例： 【 `value^a 属性が省略された】 `progress$e 要素）、
 ~UAは，この部位の`行内~size$を 0 にするモノトスル。
 ◎
-When the progress of control is undetermined (like with &lt;progress indeterminate&gt;), the user agent must give this portion an inline-size of zero.
+When the progress of control is indeterminate (like with &lt;progress&gt;), the user agent must give this portion an inline-size of zero.
 </dd>
 </dl>
 
@@ -1483,16 +1482,16 @@ <h3 title="Styling Parts of Slider-Like Controls: the ::thumb, ::track and ::fil
 
 <div class="_box-tree">
 `input type="range"^e
-<ol><li>`track^pe
-	<ol><li>`fill^pe
+<ol><li>`slider-track^pe
+	<ol><li>`slider-fill^pe
 	</ol>
-	<li>`thumb^pe
+	<li>`slider-thumb^pe
 </ol>
 ◎
 &lt;input type="range"&gt;
-├─ ::track
-│  └─ ::fill
-└─ ::thumb
+├─ ::slider-track
+│  └─ ::slider-fill
+└─ ::slider-thumb
 </div>
 
 <p>
@@ -1878,13 +1877,6 @@ <h3 title="Styling Parts for Date/Time Input Fields: the ::field-component and :
 		<section id="color-swatch-pseudo">
 <h3 title="Color Swatch: the ::color-swatch pseudo-element">4.9. 色見本： `color-swatch^pe 疑似要素</h3>
 
-<p class="issue">
-名前は `swatch^pe, `color-swatch^pe どちらになるべきか？
-[`11837$issue]
-◎
-Should the name be ::swatch or ::color-swatch? [Issue #11837]
-</p>
-
 <p>
 `color-swatch@pe
 疑似要素は、
@@ -2124,33 +2116,33 @@ <h3 title="Changing the Orientation of a Slider-Like Control: slider-orientation
 	<dt>`left-to-right@v</dt>
 	<dd>
 横方向に具現化され，
-`fill$pe は当の~controlの中で左端へ整列される。
+`slider-fill$pe は当の~controlの中で左端へ整列される。
 ◎
-The slider-like control is rendered horizontally and ::fill is left-aligned within the control.
+The slider-like control is rendered horizontally and ::slider-fill is left-aligned within the control.
 </dd>
 
 	<dt>`right-to-left@v</dt>
 	<dd>
 横方向に具現化され，
-`fill$pe は当の~controlの中で右端へ整列される。
+`slider-fill$pe は当の~controlの中で右端へ整列される。
 ◎
-The slider-like control is rendered horizontally and ::fill is right-aligned within the control.
+The slider-like control is rendered horizontally and ::slider-fill is right-aligned within the control.
 </dd>
 
 	<dt>`top-to-bottom@v</dt>
 	<dd>
 縦方向に具現化され，
-`fill$pe は当の~controlの中は上端へ整列される。
+`slider-fill$pe は当の~controlの中は上端へ整列される。
 ◎
-The slider-like control is rendered vertically and ::fill is top-aligned within the control.
+The slider-like control is rendered vertically and ::slider-fill is top-aligned within the control.
 </dd>
 
 	<dt>`bottom-to-top@v</dt>
 	<dd>
 縦方向に具現化され，
-`fill$pe は当の~controlの中で下端へ整列される。
+`slider-fill$pe は当の~controlの中で下端へ整列される。
 ◎
-The slider-like control is rendered vertically and ::fill is bottom-aligned within the control.
+The slider-like control is rendered vertically and ::slider-fill is bottom-aligned within the control.
 </dd>
 </dl>
 
@@ -2206,7 +2198,7 @@ <h3 title="Layout">~layout</h3>
 textarea,
 button,
 ::file-selector-button,
-::track,
+::slider-track,
 select,
 meter,
 progress {
@@ -2231,16 +2223,16 @@ <h3 title="Sliders">~slider</h3>
 </p>
 
 <pre class="lang-css">
-::track {
+::slider-track {
   `height$p: 1em;
 }
 
-::fill {
+::slider-fill {
   `height$p: 100%;
   `background-color$p: currentColor;
 }
 
-::thumb {
+::slider-thumb {
   `border-radius$p: 0;
   `border$p: none;
   `background-color$p: currentColor;
@@ -2645,5 +2637,5 @@ <h2 title="Acknowledgements">謝辞</h2>
 </p>
 
 	</section>
-</main>
+</main></div>