[css-borders-4] Clarify how border-shape renders box-shadow. w3c/csswg-drafts@e6465bb

Author: triple-underscore

css-borders-ja.html

@@ -215,8 +215,8 @@
 ●●options
 
 spec_title:CSS Borders and Box Decorations Module Level 4
-spec_date:2025-10-21
-trans_update:2025-10-21
+spec_date:2025-10-27
+trans_update:2025-10-28
 source_checked:251021
 page_state_key:CSS
 original_url:https://drafts.csswg.org/css-borders-4/
@@ -540,6 +540,7 @@
 	p.overflow-clip-margin:~CSSOVERFLOW4#propdef-overflow-clip-margin
 p.overflow:~CSSOVERFLOW3#propdef-overflow
 p.padding:~CSSBOX#propdef-padding
+p.fill-rule:~SVGpainting#FillRuleProperty
 
 p.box-shadow-*:#drop-shadows
 p.border-*-radius:#border-radius
@@ -786,6 +787,8 @@
 
 	●用語（他
 基本~図形:~SVGshapes#basic-shape
+~stroke図形:~SVGpainting#TermStrokeShape
+
 	~DOM4#concept-element → ~CSSDISP#box
 
 ●●words_table1
@@ -4265,7 +4268,7 @@ <h4 title="Rendering corner-shape">3.9.4. 隅~図形の描画-法</h4>
 To compute an element element’s border contour path given an edge targetEdge and an optional number spread (default 0):
 </p>
 
-<p class="trans-note">【＊
+<p class="trans-note">【
 以下，この~algoを成す内容は未訳。
 】</p>
 </div>
@@ -6451,17 +6454,27 @@ <h3 title="The border-shape property">7.1. `border-shape^p ~prop</h3>
 </p>
 <ul>
 	<li>
+<p>
 2 個の場合、
 ~borderは，それらが定義する 2 本の~pathの合間を成す図形として描画される。
 ◎
 When two &lt;basic-shape&gt; values are given, the border is rendered as the shape between the two paths.＼
-</li>
+</p>
+
+<p class="trans-note">【
+2 本の~pathが交差する場合にどう解釈されるか，はっきりしない。
+個々の `basic-shape$t は、
+巻数~規則（ `fill-rule$tp ）を指定し得るとしても。
+】</p>
+
+	</li>
 	<li>
 1 個の場合、
 ~borderは，それが定義する~pathをなぞる~strokeとして描画される。
 その~stroke幅として，`関連な側$の`~border幅$
 — `border-*-width$p の`算出d値$ —
 を伴う下で。
+【すなわち，`~stroke図形$を占める。】
 ◎
 When only a single &lt;basic-shape&gt; is given, the border is rendered as a stroke with the relevant side’s computed border width as the stroke width.
 </li>
@@ -6492,22 +6505,12 @@ <h3 title="The border-shape property">7.1. `border-shape^p ~prop</h3>
 </p>
 <ul>
 	<li>
-<p>
 2 個の場合、［
 1 個目（外縁）においては `border-box＠~CSSSHAPES#valdef-box-border-box$v ／
 2 個目（内縁）においては `padding-box＠~CSSSHAPES#valdef-box-padding-box$v
 ］になる。
 これは、
 `border-width$p ~propの値が最終的な図形に影響することを許容する。
-</p>
-
-<p class="trans-note">【
-~pathの幾何を問わず，［
-1 個目／ 2 個目
-］が（名目上の）［
-外縁／内縁
-］な~pathと見なされるのかもしれないが，はっきりしない。
-】</p>
 ◎
 When two &lt;basic-shape&gt; values are given, the first (outer) one defaults to the border box and the second (inner) one defaults to the padding box. This allows using the different border-width properties to affect the final shape.
 </li>
@@ -6533,23 +6536,34 @@ <h3 title="The border-shape property">7.1. `border-shape^p ~prop</h3>
 </p>
 
 <p>
-`box-shadow$p 【による影】は、
-両~外縁~border~pathをなぞる。
+［
+`外影$／`内影$
+］は，［
+外縁~pathの外側／
+内縁~pathの内側
+］をなぞる。
+どちらも，
+~strokeとして描画される
+— その~stroke幅として`拡幅~距離$ の 2 倍を伴い，
+~borderの形状により切取られる下で。
 ◎
-A box-shadow follows both the outer border path.
+An outer box-shadow follows the outside of the outer path, and an inner box-shadow follows the inside inner path. Both are rendered as a stroke, with a stroke width of spread * 2, clipped by the border shape.
 </p>
 
 <p class="trans-note">【
-［
-`外影$／`内影$
-］は，~borderが占める図形
-（~pathが 1 本だけの場合には`~stroke図形＠~SVGpainting#TermStrokeShape$）
-の［
+`basic-shape$t が 2 個~供された場合、
+上では［
+1 個目／ 2 個目
+］のそれが
+（~pathの幾何を問わず，名目上の）［
+外縁~path／内縁~path
+］を成すものと示唆されているが，はっきりしない。
+1 個だけ供された場合、
+`~stroke図形$の［
 外縁／内縁
-］をなぞることを意味すると思われるが、
-はっきりしない。
-例えば，~pathが 8 の字のように自己-交差する場合や 2 本の~pathが互いに交差する場合、
-利用する`巻数~規則＠~SVGpainting#WindingRule$も指定する必要があろう。
+］を成す~pathになると思われる
+— 当の~pathが自己-交差する場合、
+どうなるのか，はっきりしないが。
 】</p>
 
 <p>