[css-overflow-4] 各種更新

phrasing tweak
w3c/csswg-drafts@db529d1

Tweak note on line-clamp and webkit-box
w3c/csswg-drafts@1ddd492

Adjust example 6 to also work with continue:collapse
w3c/csswg-drafts@a80175f

Author: triple-underscore

css-overflow4-ja.html

@@ -208,8 +208,8 @@
 ●●options
 
 spec_title:CSS Overflow Module Level 4
-spec_date:2025-06-03
-trans_update:2025-06-05
+spec_date:2025-06-06
+trans_update:2025-06-08
 source_checked:240219
 page_state_key:CSS
 original_url:https://drafts.csswg.org/css-overflow-4/
@@ -420,6 +420,12 @@
 行内~size:~CSSWM#inline-size
 塊~size:~CSSWM#block-size
 	`塊-軸$における 〜size → 塊~size
+行内~次元:~CSSWM#inline-dimension
+塊~次元:~CSSWM#block-dimension
+行内-軸:~CSSWM#inline-axis
+塊-軸:~CSSWM#block-axis
+行内~基底~方向:~CSSWM#inline-base-direction
+
 ~border辺:~CSSBOX#border-edge
 
 	BFC:~CSSDISP#bfc → 塊~整形~文脈
@@ -446,7 +452,6 @@
 断片化~分断:~CSSBREAK#fragmentation-break
 断片化~容器:~CSSBREAK#fragmentation-container
 断片化~文脈:~CSSBREAK#fragmentation-context
-断片化~方向:~CSSBREAK#fragmentation-direction
 断片~化~flow:~CSSBREAK#fragmented-flow
 
 ~layout封込め:~CSSCONTAIN#layout-containment
@@ -497,11 +502,6 @@
 静的~位置:~CSSPOS#static-position
 匿名:~CSSDISP#anonymous
 
-行内~次元:~CSSWM#inline-dimension
-行内-軸:~CSSWM#inline-axis
-塊-軸:~CSSWM#block-axis
-行内~基底~方向:~CSSWM#inline-base-direction
-
 塗り封込め:~CSSCONTAIN#paint-containment
 
 ~level 3:#biblio-css-overflow-3
@@ -2515,32 +2515,35 @@ <h4 title="Legacy compatibility">5.1.1. 旧来のものとの互換性</h4>
 <div>
 <p>
 `-webkit-line-clamp$p は、
-`line-clamp$p と同様に，［
+`line-clamp$p と同様に［
 `max-lines$p,
-`continue$p,
-`block-ellipsis$p
+`block-ellipsis$p,
+`continue$p
 ］用の略式である
 — ただし：
 </p>
 <ul>
 	<li>
-`continue$p は、
-`collapse$v1 に代えて，
-`-webkit-legacy$v1 に設定される
-（ `line-clamp$p に~keyword `-webkit-legacy$v1 が設定されたかのように）。
+その構文は、［
+`none^v ／ `integer [1,∞]$t
+］しかとらない。
+</li>
+	<li>
+`block-ellipsis$p 用の値は指定できない
+— それは、
+無条件に `auto$v1 に設定される。
 </li>
 	<li>
-`block-ellipsis$p は、
-無条件に `auto$v1 に設定される
-— `block-ellipsis$p 用の値は指定できない。
+`integer^t が指定されたときは、
+`continue$p は， `collapse$v1 に代えて `-webkit-legacy$v1 に設定される
+（ `line-clamp$p に~keyword `-webkit-legacy$v1 が設定された場合と同じく）。
 </li>
 </ul>
 ◎
-Like line-clamp, -webkit-line-clamp is a shorthand of max-lines, continue, and block-ellipsis, except that:
+Like line-clamp, -webkit-line-clamp is a shorthand of max-lines, block-ellipsis, and continue, except that:
 • its syntax is none | &lt;integer [1,∞]&gt;
-• it sets continue to -webkit-legacy instead of collapse (as if the -webkit-legacy keyword was set on line-clamp)
-it sets continue to -webkit-legacy instead of discard
 • it unconditionally sets block-ellipsis to auto
+• it sets continue to -webkit-legacy instead of collapse when an &lt;integer [1,∞]&gt; is specified (as if the -webkit-legacy keyword was set on line-clamp)
 </div>
 
 <div>
@@ -2841,9 +2844,9 @@ <h3 title="Fragmentation of Overflow: the continue property">5.3. ~overflowの
 <div class="example">
 <p>
 ある記事に
-— 下に図示するように —
-行内~方向に~overflowしている長い行lがあり，
-末尾には`断片化~方向$に収まり切らない行lたち（図の赤色）があるとする：
+— 下に図示するとおり —
+`行内~基底~方向$に~overflowしている長い行lがあり，
+末尾には`塊~次元$に収まり切らない行lたち（図の赤色）があるとする：
 </p>
 
 <figure>`continue-flow^dgm
@@ -2852,35 +2855,49 @@ <h3 title="Fragmentation of Overflow: the continue property">5.3. ~overflowの
 <p>
 ［
 `continue$p, `overflow$p
-］~propの組合nに基づいて，異なる描画がアリになる：
+］~propの組合nに応じて，異なる描画がアリになる：
+</p>
+<ul>
+	<li>
+<p>
+`continue$p が `auto$v1  の場合：
 </p>
 
 <table><thead>
-<tr><th scope="row">`continue$p
-<th>`discard$v1
-<th>`auto$v1
-<th>`discard$v1
-<th>`auto$v1
-
-<tr><th scope="row">`overflow$p
-<th>`visible$v0
-<th>`visible$v0
-<th>`hidden$v0
-<th>`hidden$v0
+<tr><th>`overflow$p
+<td>`visible$v0
+<td>`hidden$v0
 <tbody>
 
-<tr><th scope="row">描画
-<td>`continue-discard-visible^dgm
+<tr><th>描画
 <td>`continue-auto-visible^dgm
-<td>`continue-discard-hidden^dgm
 <td>`continue-auto-hidden^dgm
 </table>
+	</li>
+	<li>
+<p>
+`continue$p が［
+`collapse$v1 ／ `discard$v1
+］の場合：
+</p>
 
+<table>
+<tr><th>`overflow$p
+<td>`visible$v0
+<td>`hidden$v0
+<tbody>
+
+<tr><th>描画
+<td>`continue-discard-visible^dgm
+<td>`continue-discard-hidden^dgm
+</table>
+	</li>
+</ul>
 ◎
-Given an article with one excessively long overflowing line, and four more lines than can fit in the fragmentation direction as in the illustration bellow, different renderings are possible based on the combination of the overflow and continue property.
+Given, as in the illustration bellow, an article with one excessively long overflowing line and four more lines in the block dimension than can fit, different renderings are possible based on the combination of the overflow and continue property.
 • article with one excessively long line and four more that can fit in the block direction 
 ◎
- ｜ continue: discard ｜ continue: auto
+ ｜ continue: collapse / continue: discard ｜ continue: auto
 overflow: visible ｜ rendering with continue:discard and overflow:visible ｜ rendering with continue:auto and overflow:visible
 overflow: hidden ｜ rendering with continue:discard and overflow:hidden ｜ rendering with continue:auto and overflow:hidden
 </div>
@@ -2992,12 +3009,20 @@ <h3 title="Fragmentation of Overflow: the continue property">5.3. ~overflowの
 </ul>
 <p>
 …ときは、
-当の~boxの `display$p ~propの`算出d値$は，その指定d値に応じて［
-`-webkit-box$v0 ならば `flow-root$v0 ／
-`-webkit-inline-box$v0 ならば `inline-block$v0
-］になり、
-当の~boxは，`塊~整形~文脈$【！BFC】を確立する。
+当の~boxは：
 </p>
+<ul>
+	<li>
+`display$p ~propの`算出d値$は、
+指定d値に応じて
+⇒＃
+`-webkit-box$v0 ならば `flow-root$v0 になる／
+`-webkit-inline-box$v0 ならば `inline-block$v0 になる
+</li>
+	<li>
+`塊~整形~文脈$【！BFC】を確立する。
+</li>
+</ul>
 ◎
 Additionaliy, for compatibility (see § 5.1.1 Legacy compatibility), when the computed value of the continue property is collapse, -webkit-legacy, or discard and the computed value of the -webkit-box-orient property is vertical:
 • If the specified value of the display property is -webkit-box, the computed value becomes flow-root and the box establishes a BFC.
@@ -3006,7 +3031,9 @@ <h3 title="Fragmentation of Overflow: the continue property">5.3. ~overflowの
 
 <p class="note">注記：
 このことは、
-`line-clamp$p は，上に挙げた条件 (V), (W) に関して［
+`line-clamp$p は，
+`-webkit-legacy$v1 を伴わずに設定されたならば、
+上に挙げた条件 (V), (W) に関して［
 どちらも満たされる／どちらも満たされない
 ］場合は働くが［
 (V) は満たされないが (W) は満たされる
@@ -3016,7 +3043,7 @@ <h3 title="Fragmentation of Overflow: the continue property">5.3. ~overflowの
 `continue$p ~propは適用されなくなるので。
 【［ (V) は満たされるが (W) は満たされない場合］については、言及されていない。】
 ◎
-Note: This means that line-clamp will work if both or neither of -webkit-box-orient: vertical and display: -webkit-box or display: -webkit-inline-box are set, but not if display: -webkit-box or display: -webkit-inline-box is set while -webkit-box-orient: vertical isn’t, as the box would be a flex container rather than a block container, and thus the continue property would not apply.
+Note: This means that line-clamp (set without -webkit-legacy) will work if both or neither of -webkit-box-orient: vertical and display: -webkit-box or display: -webkit-inline-box are set, but not if display: -webkit-box or display: -webkit-inline-box is set while -webkit-box-orient: vertical isn’t, as the box would be a flex container rather than a block container, and thus the continue property would not apply.
 </p>
 
 			<section id="line-clamp-containers">