Skip to content

Commit d37a5d7

Browse files
[css-position-4] Correct the definition of the 'normal' CB of a scroller (it's inside the scrollable area, not outside). Add terms for the three relevant CBs. w3c/csswg-drafts@d7c1d55
1 parent 340195b commit d37a5d7

1 file changed

Lines changed: 136 additions & 70 deletions

File tree

css-position4-ja.html

Lines changed: 136 additions & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -201,17 +201,20 @@
201201
帯域~内の外形線:#in-band-outline
202202
帯域~外の外形線:#out-of-band-outline
203203

204+
固定的な包含塊:#fixed-containing-block
205+
局所的な包含塊:#local-containing-block
204206
~scroll可能な包含塊:#scrollable-containing-block
205207

206208
相対~位置決め:~CSSPOS#relative-position
207209
張付き位置決め:~CSSPOS#sticky-position
208210
絶対~位置決め:~CSSPOS#absolute-position
209211
絶対的に位置され:~CSSPOS#absolute-position
210212
固定d位置決め:~CSSPOS#fixed-position
213+
固定的に位置され:~CSSPOS#fixed-position
211214
有位置:~CSSPOS#positioned-box
212215
静的~位置:~CSSPOS#static-position
213216
絶対~位置決め包含塊:~CSSPOS#absolute-positioning-containing-block
214-
~insetで改変された包含塊:~CSSPOS#inset-modified-containing-block
217+
固定d位置決め包含塊:~CSSPOS#fixed-positioning-containing-block
215218

216219
上端~~style要素~:#_top-layer-styled-elements
217220
~canvas:~CSScommon#canvas
@@ -239,22 +242,25 @@
239242
~text連列:~CSSDISP#css-text-sequence
240243
包含塊:~CSSDISP#containing-block
241244
初期~包含塊:~CSSDISP#initial-containing-block
242-
包含塊~連鎖:~CSSDISP#containing-block-chain
243245

244246
疑似要素:~SELECTORS4#pseudo-element
245247
出自の要素:~SELECTORS4#originating-element
246248
~subject:~SELECTORS4#selector-subject
247249

248250
~style規則:~CSSSYN#style-rule
249251

252+
~padding:~CSSBOX#padding
250253
~padding~box:~CSSBOX#padding-box
254+
~padding辺:~CSSBOX#padding-edge
255+
~margin~box:~CSSBOX#margin-box
251256

252257
全部的に~style可能な疑似要素:~CSSPSEUDO#fully-styleable
253258

254259
~scroll容器:~CSSOVERFLOW3#scroll-container
255260
~scrollport:~CSSOVERFLOW3#scrollport
256-
~scroll可能な~overflow矩形:~CSSOVERFLOW3#scrollable-overflow-rectangle
261+
~scroll可能な~overflow:~CSSOVERFLOW3#scrollable-overflow
257262
~scroll可能な~overflow区画:~CSSOVERFLOW3#scrollable-overflow-region
263+
初期~scroll位置:~CSSOVERFLOW3#initial-scroll-position
258264

259265
断片:~CSSBREAK#fragment
260266
外形線:~CSSUI#outline-props
@@ -300,11 +306,14 @@
300306
●layout
301307
有位置:positioned:~
302308
張付き:sticky::~
309+
固定的:fixed::~
303310
固定d:fixed::固定
311+
固着-:affix:~
304312
首要:principal::主要
305313
table:
306314
浮動体:float::~
307315
浮動体$:floating
316+
拡幅量:extent:~
308317
左上隅:top left corner
309318

310319
●塗り
@@ -340,9 +349,8 @@
340349
包装:wrapper::~
341350
easing:
342351
scrollport::::スクロール域
343-
~scroll容器:scroller
344-
ズラされ:shiftされ:ずらされ
345352
変形-:transform::~
353+
変形:transform::~
346354

347355
`separate^v:separated
348356
`collapse^v:connected
@@ -365,6 +373,7 @@
365373
fade-in:fade in:::フェードイン
366374

367375
見下ろしている:looking down
376+
囲って:surrounding
368377

369378
●処理
370379
端折って:bypassして:~
@@ -400,6 +409,7 @@
400409
所有権:ownership:~
401410
誤り:error:~
402411
保たれ:keepされ:~
412+
解明-:figure out:~
403413

404414
ほとんどの場合:most of the time
405415
何を行おうが:regardless of what might be doing
@@ -409,10 +419,11 @@
409419
性質:qualities
410420
指す:refer
411421
ときには:sometimes
412-
少し違う:not quite
422+
^en:opt
413423

414424
●未分類
415425
画家:painter:~
426+
和領域:union::~
416427

417428
現れる:appearする
418429
後で:later
@@ -432,6 +443,8 @@
432443
地点:point
433444
ε:none
434445
より後:earlier
446+
少しばかり:tiny bit
447+
一致:coincide
435448

436449

437450
●●ref_normative
@@ -580,91 +593,144 @@ <h2 title="Introduction">1. 序論</h2>
580593
<h2 title="Scrollable Containing Block">2. ~scroll可能な包含塊</h2>
581594

582595
<p>
583-
ある要素が子孫~用に`絶対~位置決め包含塊$を生成するとき、
584-
それは,当の要素の`~padding~box$辺から生成される。
585-
当の要素は`~scroll容器$である場合、
586-
これは,`~scrollport$の寸法に対応するので,
587-
当の~scroll容器が~scrollされるに伴いズラされることはない。
588-
言い換えれば、
589-
それは,~scroll可能な区画【`~scroll可能な~overflow区画$?】の “外側” にある。
596+
所与の`~scroll容器$ %容器 が`絶対的に位置され$た~box用の`絶対~位置決め包含塊$を確立するとき,次に挙げる 3 種の`包含塊$が利用される:
590597
591-
When an element generates an absolute positioning containing block for its descendants, that containing block is generated from the element’s padding box edges. If that element is a scroll container, this corresponds to the dimensions of the scrollport, and does not shift as the scroll container is scrolled. In other words, it’s "outside of" the scrollable area.
598+
When a scroll container establishes an absolute positioning containing block for an absolutely positioned box, one of three possible containing blocks are used:
592599
</p>
593-
594-
<p>
595-
しかしながら,ときには、
596-
`包含塊$は,代わりに当の~scroll容器の “内側” に基づくことが求まれる
597-
— ~scroll可能な内容に則って~sizeされ、
598-
当の容器が~scrollされるに伴い,ズラされるよう。
600+
<dl>
601+
<dt>
602+
%容器 の
603+
`固定的な包含塊@
599604
600-
Sometimes, however, you instead want a containing block based on the "inside" of the scroll container, sized according to the scrollable contents and shifting as the container is scrolled.
601-
</p>
605+
fixed containing block
606+
</dt>
607+
<dd>
608+
%容器 の`~scrollport$に対応する。
609+
すなわち,
610+
%容器 の内縁な`~padding~box$を成す辺たち
611+
【すなわち, %容器 の`~padding辺$】
612+
に対応するが、
613+
%容器 の外縁な文脈と伴に~scrollする
614+
— %容器 の内容と伴にではなく。
615+
616+
The fixed containing block of a scroll container corresponds to the scrollport, i.e. the inner padding box edges of the scroll container, but scrolling with the outer context, not the scroll container’s contents.
617+
</dd>
618+
<dd>
619+
文書により確立される`固定的な包含塊$は、
620+
`固定d位置決め包含塊$になる。
621+
622+
The fixed containing block established by the document is the fixed positioning containing block.
623+
</dd>
602624

603-
<p class="trans-note">
604-
この “外側/内側” は、
605-
位置ではなく,~scroll容器の内容が成す~box~treeの[
606-
外, 内
607-
]どちらに “属する” かを意味する。
608-
`課題 #10861@~CSSissue/10861$ に論点がある
609-
(その論点の中の[
610-
“CB” / “ICB” / “IMCB”
611-
]は、[
612-
包含塊/`初期~包含塊$/`~insetで改変された包含塊$
613-
]の略語)。
614-
</p>
625+
<dt>
626+
%容器 の
627+
`局所的な包含塊@
628+
629+
local containing block
630+
</dt>
631+
<dd>
632+
%容器 の`~padding~box$を成す辺たちに対応するが、
633+
`~scroll可能な~overflow区画$に固着され,
634+
%容器 の内容と伴に~scrollする。
635+
【`初期~scroll位置$においては, %容器 の`~padding辺$にちょうど重なるであろう。】
636+
637+
The local containing block of a scroll container corresponds to the padding box edges of the scroll container, but is affixed to the scrollable overflow area, and scrolls with the scroll container’s contents.
638+
</dd>
639+
<dd>
640+
文書により確立される`局所的な包含塊$が,`初期~包含塊$になる。
641+
642+
The local containing block established by the document is the initial containing block.
643+
</dd>
615644

616-
<p>
617-
`~scroll容器$は、
618-
`絶対~位置決め包含塊$を生成するときには,
619-
当の容器が生成する通常の`包含塊$に加えて【!it addition to】,
645+
<dt>
646+
%容器 の
620647
`~scroll可能な包含塊@
621-
も生成する。
648+
649+
scrollable containing block
650+
</dt>
651+
<dd>
652+
%容器 の`~scroll可能な~overflow区画$の`~padding辺$に対応する
653+
【 %容器 の`~padding辺$ではなく】。
654+
すなわち,[
655+
%容器 の`~scroll可能な~overflow区画$の拡幅量
656+
]を決定するときの[
657+
%容器 の内容を囲っている`~padding$の外縁
658+
]を成す辺。
659+
`CSS-OVERFLOW-3$r `§ ~scroll可能な~overflow@~CSSOVERFLOW3#scrollable$ を見よ。
660+
`~scroll可能な包含塊$は、
661+
すべての事例で,少なくとも`局所的な包含塊$を包摂する。
662+
663+
The scrollable containing block of a scroll container corresponds to the padding edge of the scroll container’s scrollable overflow area, i.e. the outer edge of the padding surrounding its content when determining the extent of its scrollable overflow area. See CSS Overflow 3 § 2.2 Scrollable Overflow. In all cases the scrollable containing block at least encompasses the local containing block.
664+
</dd>
665+
<dd class="note">注記:
622666
これは、
623-
~scroll可能な区画の`~padding~box$の辺に合致するよう~sizeされ,
624-
~scroll可能な区画の “内側にある” ものとして扱われる
625-
— その結果、
626-
当の`~scroll容器$が~scrollされるに伴い,移動する。
667+
`浮動体$を含むが,[
668+
`絶対的に位置され$た子孫,
669+
内容が~overflowしている子孫~box,
670+
`相対~位置決め$の効果,
671+
変形の効果
672+
]を無視する
673+
— それらは、
674+
他では,自身が表示されるよう~scroll可能な区画を拡張する。
627675
628-
Whenever a scroll container generates an absolute positioning containing block, it addition to the normal containing block it generates, it also generates a scrollable containing block. This is sized to match the padding box edges of the scrollable area, and is treated as being "inside" the scrollable area, so it moves as the scroll container is scrolled.
629-
</p>
676+
Note: This includes floats, but ignores absolutely positioned descendants, content overflowing descendant boxes, and the effects of relative positioning and transforms, which do otherwise extend the scrollable area to display them.
677+
</dd>
678+
<dd>
679+
文書により確立される`~scroll可能な包含塊$は、
680+
`初期~包含塊$と根~box†の`~margin~box$の和領域になる。
681+
【† 未定義な用語だが、根~要素の`首要~box$を指すと思われる。】
682+
683+
The scrollable containing block established by the document is the union of the initial containing block and the margin box of the root box itself.
684+
</dd>
685+
</dl>
630686

631687
<p class="note">注記:
632-
これは、
633-
`~scroll可能な~overflow矩形$とは,`少し違う^em
634-
— 特に、
635-
それは[
636-
変形された要素, `絶対的に位置され$た要素
637-
]による効果を含まない
688+
これらすべては,何らかのイミで`~padding~box$へ対応しているが、
689+
それらは,`~scroll可能な~overflow$を伴う~boxにおいては一致しない。
638690
639-
Note: This is not quite the scrollable overflow rectangle; in particular, it doesn’t include the effects of transformed elements or absolutely positioned elements.
691+
Note: While all of these are in some sense corresponding to the padding box, they do not coincide for boxes with scrollable overflow.
640692
</p>
641693

642-
<p>
643-
`包含塊~連鎖$においては、
644-
要素により生成された`~scroll可能な包含塊$は,[
645-
当の要素の通常の`包含塊$の子である
646-
]かつ[
647-
当の要素の各~子孫により生成される包含塊の親【先祖?】
648-
]であると見なされる。
694+
<p class="issue">
695+
`上端~層$用に必要になる正確な概念を解明する。
696+
それらは、
697+
おそらく,[
698+
各自の層に特有な,少しばかり異なる何か
699+
]を行うことが求まれる。
649700
650-
In containing block chains, the scrollable containing block generated by an element is considered a child of the element’s normal containing block, and a parent of any containing blocks generated by its descendants.
701+
Figure out the exact concepts needed for top layer. They probably want to do something a tiny bit different, specific to their layer.
651702
</p>
652703

653704
<p>
654-
このことは,根~scroll容器( `root scroller^en 【まだ未定義な用語】)
655-
— 文書~全体の~padding辺に対応するものとして生成される`~scroll可能な包含塊$ —
656-
にも適用され、
657-
それは,`初期~包含塊$の子であると見なされる。
705+
`絶対的に位置され$た~boxは、
706+
他が指定されない限り,`局所的な包含塊$を利用する。
707+
ある種の~CSS特能は、
708+
異なる`包含塊$を利用するよう指定し得る。
709+
例えば:
658710
659-
This also applies to the root scroller; a scrollable containing block that corresponds to the padding edges of the entire document is generated, and is considered a child of the initial containing block.
711+
Unless otherwise specified, absolutely positioned boxes use the local containing block. Certain CSS features can specify a different containing block. For example,\
660712
</p>
713+
<ul>
714+
<li>
715+
`固定的に位置され$た~boxは、
716+
概して,文書の`固定的な包含塊$を利用する。
717+
718+
fixed positioned boxes typically use the document’s fixed containing block,\
719+
</li>
720+
<li>
721+
`position-area$p 用の `none@~CSSANCHOR#valdef-position-area-none$v 以外の値は、
722+
`絶対的に位置され$た~boxを`~scroll可能な包含塊$の中へ `opt^en し得る【?】。
723+
724+
and position-area values other than none can opt absolutely positioned boxes into the scrollable containing block.
725+
</li>
726+
</ul>
661727

662-
<p>
663-
`~scroll可能な包含塊$は,既定では利用されないが、
664-
ある種の~CSS特能( `position-area$p など)は,
665-
通常の`包含塊$の代わりに それを利用するものと指定し得る
728+
<p class="note">注記:
729+
現時点では,
730+
`固定的な包含塊$を指す仕方は`固定d位置決め包含塊$の他に無いが、
731+
将来には追加されるかもしれない
666732
667-
The scrollable containing block is not used by default, but certain CSS features (such as position-area) can specify that they use it instead of an element’s normal containing block.
733+
Note: There is not currently any way to refer to a fixed containing block other than the fixed positioning containing block, but one might be added in the future.
668734
</p>
669735

670736
</section>

0 commit comments

Comments
 (0)