Skip to content

Commit 41f8d7e

Browse files
[css-break-4] Don't extend boxes into table/grid gaps w3c/csswg-drafts@b17c61c
1 parent 4de438e commit 41f8d7e

1 file changed

Lines changed: 68 additions & 71 deletions

File tree

css-break-ja.html

Lines changed: 68 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -124,8 +124,8 @@
124124
●●options
125125

126126
spec_title:CSS Fragmentation Module Level 4
127-
spec_date:2025-10-22
128-
trans_update:2024-03-12
127+
spec_date:2026-04-14
128+
trans_update:2026-06-26
129129
source_checked:181218
130130
page_state_key:CSS
131131
original_url:https://drafts.csswg.org/css-break-4/
@@ -135,7 +135,7 @@
135135
ref_id_lowercase:true
136136
site_nav:layout,css
137137
conformance:css
138-
copyright:2025,permissive
138+
copyright:2026,permissive
139139
trans_1st_pub:2014-08-15
140140

141141

@@ -419,7 +419,7 @@
419419
組直して:reassembleして:組み直して
420420
進行:progression:~
421421

422-
CSS レイアウト
422+
layout
423423
spanner:
424424
spanning:
425425
flex:
@@ -430,41 +430,23 @@
430430
浮動-:float::~
431431
浮動d:floated::浮動
432432
span:
433-
~flow内:in-flow
433+
gap:
434434
首要:principal::主要
435-
表示~型:display type
436-
~levelの:block-level
437-
行内~levelの:inline-level
438-
行内にある塊による:block-in-inline
439-
周囲を取り巻く:wrapping outside
440-
441435
基底線:baseline::~::ベースライン
442-
443436
連続性:continuity::~
444437
連続的:continuous::~
445438
不連続:non-contiguous:~
446439
連続的でない:non-contiguous
447-
448440
連続
449-
~contradictory:矛盾 1
450441
供与-:contribute::~
451442
支配的:dominant::~
452443
拡がる:extendする:~
453-
454-
~form:成す/ 2
455-
456-
左右に: horizontally
457444
出自の:originating:~
458445
見開き:spread::~
459446
相殺-:collapse::~
460447
アキ:spacing::~
461-
462-
●レイアウト
463-
sizeが一様でない:varying-size:
464-
465448
平行:parallel:~
466449
垂直:perpendicular:~
467-
終わる:end up
468450
部屋:room:~
469451
回転-:rotate:~
470452
回転:rotation:~
@@ -477,10 +459,7 @@
477459
右寄せ:right-aligned:~
478460
中央寄せ:centered:~
479461
左寄せ:left-aligned:~
480-
揃え?
481462
:side:~
482-
483-
またがる/~span: 3.001
484463
原点:origin:~
485464
最小-:min-:~
486465
最大-:max-:~
@@ -490,13 +469,10 @@
490469
固定-:fix:~
491470
移転:transfer:~
492471
変形:transform::~
493-
隙間:gap:~
494472
中途:halfway:~
495473
増大-:increase:~
496474
区分:partition:~
497475
横並び:side-by-side:~
498-
整えるbalance
499-
上側~above
500476
覆う:coverする:~
501477
切分けて:sliceして:切り分けて
502478
切分けら:sliceさ:切り分けら
@@ -518,43 +494,48 @@
518494
切落す:truncateする:切り落とす
519495
~~先送りされ:forced down
520496
収容-:accommodate:~
497+
部位:portion:~
498+
封入-:enclose:~
521499

500+
~flow内:in-flow
501+
終わる:end up
502+
またがる/~span
503+
整える:balance
504+
上側:above
505+
左右に: horizontally
506+
表示~型:display type
507+
~levelの:block-level
508+
行内~levelの:inline-level
509+
行内にある塊による:block-in-inline
510+
sizeが一様でない:varying-size:
522511
増やす:increase
523512
外側を切り取る:clipped
524513
残す:left
525-
始めから終わりまで/始めから:below the top
514+
始めから終わりまで:below the top
515+
始めから:below the top
526516
~towards
527-
/傍ら:beside
517+
脇:beside
528518
全体像:entirety
529519
等しく:equally
530-
~expand
531-
~around
532-
それぞれの原点を中心に:around its origin
520+
各自の原点を中心に:around its origin
533521
増分:extra
534-
最深の:deepest:最も深い
535522
渡って:across
536523
一連の〜に:across 〜s
537524
~間に渡る
538-
またがる~fall~across
539-
任意の所:anywhere
525+
~~位置を適当にずらす:shift around content that would fall across
540526
現れる:appear
541-
囲んでいる:enclosing
542-
~insofar: 1
543-
部屋は残して~leaving room: 1
527+
部屋は残す:leaving room
544528
placing
545-
~put: 2
546-
ずらす~shift~around: 1
547-
離される:shifting away: 1
548-
一緒に保たれkept together: 5
549-
~glued: 3
550-
~truncated: 1
551-
points to:指す
552-
~portion:一部/部分 3
553-
losing off:はみ出る
529+
~put
530+
離される:shifting away
531+
一緒に保たれ:kept together
532+
指す:points to
533+
全部:all
534+
はみ出る:losing off
554535
占める:take up/-
555536
~:earlier side
556-
~size 0:zero-sized
557-
537+
~size 0 :zero-sized
538+
回り込んで:wrapping
558539

559540
●CSS
560541
双向性:bidi::~
@@ -602,6 +583,8 @@
602583
~~順守-:observe
603584
要する
604585
満たす:satisfy
586+
矛盾:contradictory
587+
-:insofar
605588

606589
●未分類
607590
組成-:composite:~
@@ -713,6 +696,8 @@
713696
Elika Etemad; Miriam Suzanne; Tab Atkins Jr.. <CSS Cascading and Inheritance Level 5. URL: https://drafts.csswg.org/css-cascade-5/
714697
[CSS-DISPLAY-4]
715698
Elika Etemad; Tab Atkins Jr.. <CSS Display Module Level 4. URL: https://drafts.csswg.org/css-display-4/
699+
[CSS-GRID-2]
700+
Tab Atkins Jr.; et al. <CSS Grid Layout Module Level 2. URL: https://drafts.csswg.org/css-grid-2/
716701
[CSS-MASKING-1]
717702
Dirk Schulze; Brian Birtles; Tab Atkins Jr.. <CSS Masking Module Level 1. URL: https://drafts.csswg.org/css-masking-1/
718703
[CSS-MULTICOL-1]
@@ -742,7 +727,7 @@
742727
[CSS3-REGIONS]
743728
Rossen Atanassov; Alan Stearns. <CSS Regions Module Level 1. URL: https://drafts.csswg.org/css-regions/
744729
[MEDIAQUERIES-5]
745-
Dean Jackson; et al. <Media Queries Level 5. URL: https://drafts.csswg.org/mediaqueries-5/
730+
Tab Atkins Jr.; et al. <Media Queries Level 5. URL: https://drafts.csswg.org/mediaqueries-5/
746731
[RFC2119]
747732
S. Bradner. <Key words for use in RFCs to Indicate Requirement Levels>. March 1997. Best Current Practice. URL: https://datatracker.ietf.org/doc/html/rfc2119
748733

@@ -968,7 +953,7 @@ <h2 title="Fragmentation Model and Terminology">2. 断片化の~modelとその
968953
の略語
969954
</dd>
970955
<dd>
971-
`断片~化~flow$を成す一部(または全部)を包含する, 1 個の~box
956+
`断片~化~flow$を成すある部位(または全部)を包含する, 1 個の~box
972957
— `~page~box$, `~col~box$, `領域$ など。
973958
断片容器は、
974959
予め定義-済みか, または 必要に応じて生成される。
@@ -1028,7 +1013,7 @@ <h2 title="Fragmentation Model and Terminology">2. 断片化の~modelとその
10281013
( `fragmentation^en )
10291014
</dt>
10301015
<dd>
1031-
`断片化~文脈$を成す一連の`断片容器$に内容~flowを分割する処理n。
1016+
`断片化~文脈$を形成する一連の`断片容器$に内容~flowを分割する処理n。
10321017
10331018
The process of splitting a content flow across the fragmentainers that form a fragmentation context.
10341019
</dd>
@@ -1040,7 +1025,7 @@ <h2 title="Fragmentation Model and Terminology">2. 断片化の~modelとその
10401025
( `fragment^en )
10411026
</dt>
10421027
<dd>
1043-
~boxの中で, 1 個の`断片容器$が占める部分
1028+
~boxの中で, 1 個の`断片容器$が占める部位
10441029
連続的~flowの下での~boxは、
10451030
常に,唯 1 個の断片からなる。
10461031
断片~化~flowの下での 1 個の~boxは、
@@ -1135,7 +1120,7 @@ <h3 title="Parallel Fragmentation Flows">2.1. 並列的な断片化~flow</h3>
11351120

11361121
<ul>
11371122
<li>
1138-
`浮動体$の内容と, その周囲を取り巻く内容
1123+
`浮動体$の内容と, その外側を回り込んでいる内容
11391124
11401125
The contents of a float vs. the content wrapping outside the float.
11411126
</li>
@@ -1912,7 +1897,7 @@ <h3 title="Possible Break Points">4.1. アリな分断点</h3>
19121897
`塊~容器$の[
19131898
内容~辺, 子~内容の外縁~辺
19141899
]の合間
1915-
— `ただし^em,合間を成す隙間が 0 でない場合に限る。
1900+
— `ただし^em,合間を成す~gapが 0 でない場合に限る。
19161901
外縁~辺とは、
19171902
子が[
19181903
`塊~level$ならば その~margin辺 /
@@ -2200,7 +2185,7 @@ <h3 title="Unforced Breaks">4.4. 非強制d分断</h3>
22002185
<dd>
22012186
<p>
22022187
`B類~分断点$においては、
2203-
当の分断 %分断 を囲んでいる塊~box %~box に関して ~AND↓ も満たされる場合に限り,分断が許容される:
2188+
当の分断 %分断 を封入している塊~box %~box に関して ~AND↓ も満たされる場合に限り,分断が許容される:
22042189
</p>
22052190
<ul>
22062191
<li>
@@ -2435,8 +2420,8 @@ <h2 title="Box Model for Breaking">5. 分断ng用の~box~model</h2>
24352420
<h3 title="Breaking into Varying-size Fragmentainers">5.1. ~sizeが一様でない断片容器への分断-法</h3>
24362421

24372422
<p>
2438-
~flowが,~sizeが一様でない 一連の`断片容器$に断片化されるときには
2439-
~layoutに順応するため,次の規則が~~順守される:
2423+
~flowが,~sizeが一様でない`断片容器$たちに断片化されるときは
2424+
~layoutに順応するため,次に挙げる規則が~~順守される:
24402425
24412426
When a flow is fragmented into varying-size fragmentainers, the following rules are observed for adapting layout:
24422427
</p>
@@ -2445,13 +2430,12 @@ <h3 title="Breaking into Varying-size Fragmentainers">5.1. ~sizeが一様でな
24452430
<li>
24462431
~layoutは、
24472432
`断片容器$ごとに遂行される
2448-
2449-
各 `断片容器$ %C は、
2433+
— 各 `断片容器$ %C は、
24502434
~lay-outする要素について,[
24512435
前の分断点からの要素の進捗を継続しつつ
24522436
], %C 自身の~sizeを利用して,要素~全体が[
2453-
他の`断片容器$の~sizeも %C と同じ~sizeにされて断片化されている
2454-
と~~見なした下で,要素の~sizeと位置を再度~計算する
2437+
他の`断片容器$の~sizeも %C と同じ~sizeにされて断片化されていた
2438+
かのように,要素の~sizeと位置を計算し直す
24552439
進捗は、[
24562440
%C において[
24572441
利用-済みな/残りの
@@ -2934,10 +2918,13 @@ <h3 title="Splitting Boxes">5.3. ~boxの分割-法</h3>
29342918

29352919
<p>
29362920
~boxを分断するときは、
2937-
その分断の前の内容に対する~boxは,`残りの断片容器~塊~size$を埋めるように拡がる( `box-decoration-break$p: `clone^v により適用される
2921+
その内容~box【当の分断より前に来る内容が成す~box】は,
2922+
`残りの断片容器~塊~size$を埋めるように拡がる
2923+
( `box-decoration-break$p: `clone^v により適用される
29382924
~margin/~border/~padding
2939-
用の部屋は残す) — 内容を次の`断片容器$にて再開させる前に。
2940-
(内容を,次の`断片容器$に追出すような`分断$は、
2925+
用の部屋は残す)
2926+
— 当の内容が次の`断片容器$にて再開する前に。
2927+
(内容を次の`断片容器$に追出すような`分断$は、
29412928
~boxの内容の`塊~size$を,実質的に増大させる。)
29422929
29432930
When a box breaks, its content box extends to fill any remaining fragmentainer extent (leaving room for any margins/borders/padding applied by box-decoration-break: clone) before the content resumes on the next fragmentainer. (A fragmentation break that pushes content to the next fragmentainer effectively increases the block size of a box’s contents.)
@@ -2957,6 +2944,16 @@ <h3 title="Splitting Boxes">5.3. ~boxの分割-法</h3>
29572944
Illustration of filling the remaining fragmentainer extent.
29582945
</figcaption></figure>
29592946

2947+
<p>
2948+
しかしながら,
2949+
`断片化~分断$が複数本の~rowに~spanする[
2950+
`格子~駒$/`~table~cell^
2951+
]を 2 本の~rowの合間で分割する場合、
2952+
断片化された~boxは,
2953+
それらの~rowの合間にある~gapの中へ(あるいは,それを超えて)拡がるベキでない。
2954+
2955+
However, if the fragmented box is a grid item or table cell that spans multiple rows, and the fragmentation break splits its container between two of those rows, then the box should not extend into (or beyond) the gap between those rows.
2956+
</p>
29602957

29612958
</section>
29622959
<section id="break-decoration">
@@ -3206,7 +3203,7 @@ <h4 title="Joining Boxes for slice">5.4.1. `slice$v により切分けられた~
32063203
<p>
32073204
横幅が異なる~box断片が上下に接合わされる場合
32083205
(左右に接合わされるときは,以下の縦横を入れ替えて同様に解釈する)、
3209-
各~片には,要素~全体が その片と同じ横幅を持つものと~~見なした下で,対応する背景の一部分を描く
3206+
各~片には,要素~全体の横幅が その片と同じであると見做す下で,対応する背景が成す部位を描く
32103207
ただし,画像の使用~縦幅が ~boxの横幅から導出される場合、
32113208
最も幅広な断片の横幅を利用して計算され,固定な~sizeとして保守される。
32123209
これにより、
@@ -3234,7 +3231,7 @@ <h3 title="Transforms, Positioning, and Pagination">5.5. 変形, 位置決め, ~
32343231
]による,どの~graphic上の効果よりも`前に^em生じる。
32353232
そのような効果は,断片ごとに適用される:
32363233
例えば,断片化された~boxに回転を適用するときは、
3237-
各~断片について 回転の原点を計算した上で, それぞれの原点を中心に独立に回転させることになる
3234+
各~断片について 回転の原点を計算した上で, 各自の原点を中心に独立に回転させることになる
32383235
(~overflow部分のみからなる断片の原点は、
32393236
内容が,`断片容器$の始端にある[[
32403237
~margin/~border/~padding
@@ -3296,7 +3293,7 @@ <h3 title="Transforms, Positioning, and Pagination">5.5. 変形, 位置決め, ~
32963293

32973294
</section>
32983295
</section>
3299-
<section id="priv-sec">
3296+
<section id="privacy">
33003297
<h2 title="Privacy Considerations">~privacyの考慮点</h2>
33013298

33023299
<p>
@@ -3307,7 +3304,7 @@ <h2 title="Privacy Considerations">~privacyの考慮点</h2>
33073304
</p>
33083305

33093306
</section>
3310-
<section id="priv-sec">
3307+
<section id="security">
33113308
<h2 title="Security Considerations">~securityの考慮点</h2>
33123309

33133310
<p>

0 commit comments

Comments
 (0)