|
201 | 201 | 帯域~内の外形線:#in-band-outline |
202 | 202 | 帯域~外の外形線:#out-of-band-outline |
203 | 203 |
|
| 204 | +固定的な包含塊:#fixed-containing-block |
| 205 | +局所的な包含塊:#local-containing-block |
204 | 206 | ~scroll可能な包含塊:#scrollable-containing-block |
205 | 207 |
|
206 | 208 | 相対~位置決め:~CSSPOS#relative-position |
207 | 209 | 張付き位置決め:~CSSPOS#sticky-position |
208 | 210 | 絶対~位置決め:~CSSPOS#absolute-position |
209 | 211 | 絶対的に位置され:~CSSPOS#absolute-position |
210 | 212 | 固定d位置決め:~CSSPOS#fixed-position |
| 213 | +固定的に位置され:~CSSPOS#fixed-position |
211 | 214 | 有位置:~CSSPOS#positioned-box |
212 | 215 | 静的~位置:~CSSPOS#static-position |
213 | 216 | 絶対~位置決め包含塊:~CSSPOS#absolute-positioning-containing-block |
214 | | -~insetで改変された包含塊:~CSSPOS#inset-modified-containing-block |
| 217 | +固定d位置決め包含塊:~CSSPOS#fixed-positioning-containing-block |
215 | 218 |
|
216 | 219 | 上端~層~style要素~群:#_top-layer-styled-elements |
217 | 220 | ~canvas:~CSScommon#canvas |
|
239 | 242 | ~text連列:~CSSDISP#css-text-sequence |
240 | 243 | 包含塊:~CSSDISP#containing-block |
241 | 244 | 初期~包含塊:~CSSDISP#initial-containing-block |
242 | | -包含塊~連鎖:~CSSDISP#containing-block-chain |
243 | 245 |
|
244 | 246 | 疑似要素:~SELECTORS4#pseudo-element |
245 | 247 | 出自の要素:~SELECTORS4#originating-element |
246 | 248 | ~subject:~SELECTORS4#selector-subject |
247 | 249 |
|
248 | 250 | ~style規則:~CSSSYN#style-rule |
249 | 251 |
|
| 252 | +~padding:~CSSBOX#padding |
250 | 253 | ~padding~box:~CSSBOX#padding-box |
| 254 | +~padding辺:~CSSBOX#padding-edge |
| 255 | +~margin~box:~CSSBOX#margin-box |
251 | 256 |
|
252 | 257 | 全部的に~style可能な疑似要素:~CSSPSEUDO#fully-styleable |
253 | 258 |
|
254 | 259 | ~scroll容器:~CSSOVERFLOW3#scroll-container |
255 | 260 | ~scrollport:~CSSOVERFLOW3#scrollport |
256 | | -~scroll可能な~overflow矩形:~CSSOVERFLOW3#scrollable-overflow-rectangle |
| 261 | +~scroll可能な~overflow:~CSSOVERFLOW3#scrollable-overflow |
257 | 262 | ~scroll可能な~overflow区画:~CSSOVERFLOW3#scrollable-overflow-region |
| 263 | +初期~scroll位置:~CSSOVERFLOW3#initial-scroll-position |
258 | 264 |
|
259 | 265 | 断片:~CSSBREAK#fragment |
260 | 266 | 外形線:~CSSUI#outline-props |
|
300 | 306 | ●layout |
301 | 307 | 有位置:positioned:~ |
302 | 308 | 張付き:sticky::~ |
| 309 | +固定的:fixed::~ |
303 | 310 | 固定d:fixed::固定 |
| 311 | +固着-:affix:~ |
304 | 312 | 首要:principal::主要 |
305 | 313 | table: |
306 | 314 | 浮動体:float::~ |
307 | 315 | 浮動体$:floating |
| 316 | +拡幅量:extent:~ |
308 | 317 | 左上隅:top left corner |
309 | 318 |
|
310 | 319 | ●塗り |
|
340 | 349 | 包装:wrapper::~ |
341 | 350 | easing: |
342 | 351 | scrollport::::スクロール域 |
343 | | - ~scroll容器:scroller |
344 | | -ズラされ:shiftされ:ずらされ |
345 | 352 | 変形-:transform::~ |
| 353 | +変形:transform::~ |
346 | 354 |
|
347 | 355 | `separate^v:separated |
348 | 356 | `collapse^v:connected |
|
365 | 373 | fade-in:fade in:::フェードイン |
366 | 374 |
|
367 | 375 | 見下ろしている:looking down |
| 376 | + 囲って:surrounding |
368 | 377 |
|
369 | 378 | ●処理 |
370 | 379 | 端折って:bypassして:~ |
|
400 | 409 | 所有権:ownership:~ |
401 | 410 | 誤り:error:~ |
402 | 411 | 保たれ:keepされ:~ |
| 412 | +解明-:figure out:~ |
403 | 413 |
|
404 | 414 | ほとんどの場合:most of the time |
405 | 415 | 何を行おうが:regardless of what 〜 might be doing |
|
409 | 419 | 性質:qualities |
410 | 420 | 指す:refer |
411 | 421 | ときには:sometimes |
412 | | - 少し違う:not quite |
| 422 | + ^en:opt |
413 | 423 |
|
414 | 424 | ●未分類 |
415 | 425 | 画家:painter:~ |
| 426 | +和領域:union::~ |
416 | 427 |
|
417 | 428 | 現れる:appearする |
418 | 429 | 後で:later |
|
432 | 443 | 地点:point |
433 | 444 | ε:none |
434 | 445 | より後:earlier |
| 446 | + 少しばかり:tiny bit |
| 447 | + 一致:coincide |
435 | 448 |
|
436 | 449 |
|
437 | 450 | ●●ref_normative |
@@ -580,91 +593,144 @@ <h2 title="Introduction">1. 序論</h2> |
580 | 593 | <h2 title="Scrollable Containing Block">2. ~scroll可能な包含塊</h2> |
581 | 594 |
|
582 | 595 | <p> |
583 | | -ある要素が子孫~用に`絶対~位置決め包含塊$を生成するとき、 |
584 | | -それは,当の要素の`~padding~box$辺から生成される。 |
585 | | -当の要素は`~scroll容器$である場合、 |
586 | | -これは,`~scrollport$の寸法に対応するので, |
587 | | -当の~scroll容器が~scrollされるに伴いズラされることはない。 |
588 | | -言い換えれば、 |
589 | | -それは,~scroll可能な区画【`~scroll可能な~overflow区画$?】の “外側” にある。 |
| 596 | +所与の`~scroll容器$ %容器 が`絶対的に位置され$た~box用の`絶対~位置決め包含塊$を確立するとき,次に挙げる 3 種の`包含塊$が利用される: |
590 | 597 | ◎ |
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: |
592 | 599 | </p> |
593 | | - |
594 | | -<p> |
595 | | -しかしながら,ときには、 |
596 | | -`包含塊$は,代わりに当の~scroll容器の “内側” に基づくことが求まれる |
597 | | -— ~scroll可能な内容に則って~sizeされ、 |
598 | | -当の容器が~scrollされるに伴い,ズラされるよう。 |
| 600 | +<dl> |
| 601 | + <dt> |
| 602 | +%容器 の |
| 603 | +`固定的な包含塊@ |
599 | 604 | ◎ |
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> |
602 | 624 |
|
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> |
615 | 644 |
|
616 | | -<p> |
617 | | -`~scroll容器$は、 |
618 | | -`絶対~位置決め包含塊$を生成するときには, |
619 | | -当の容器が生成する通常の`包含塊$に加えて【!it addition to】, |
| 645 | + <dt> |
| 646 | +%容器 の |
620 | 647 | `~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">注記: |
622 | 666 | これは、 |
623 | | -~scroll可能な区画の`~padding~box$の辺に合致するよう~sizeされ, |
624 | | -~scroll可能な区画の “内側にある” ものとして扱われる |
625 | | -— その結果、 |
626 | | -当の`~scroll容器$が~scrollされるに伴い,移動する。 |
| 667 | +`浮動体$を含むが,[ |
| 668 | +`絶対的に位置され$た子孫, |
| 669 | +内容が~overflowしている子孫~box, |
| 670 | +`相対~位置決め$の効果, |
| 671 | +変形の効果 |
| 672 | +]を無視する |
| 673 | +— それらは、 |
| 674 | +他では,自身が表示されるよう~scroll可能な区画を拡張する。 |
627 | 675 | ◎ |
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> |
630 | 686 |
|
631 | 687 | <p class="note">注記: |
632 | | -これは、 |
633 | | -`~scroll可能な~overflow矩形$とは,`少し違う^em |
634 | | -— 特に、 |
635 | | -それは[ |
636 | | -変形された要素, `絶対的に位置され$た要素 |
637 | | -]による効果を含まない |
| 688 | +これらすべては,何らかのイミで`~padding~box$へ対応しているが、 |
| 689 | +それらは,`~scroll可能な~overflow$を伴う~boxにおいては一致しない。 |
638 | 690 | ◎ |
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. |
640 | 692 | </p> |
641 | 693 |
|
642 | | -<p> |
643 | | -`包含塊~連鎖$においては、 |
644 | | -要素により生成された`~scroll可能な包含塊$は,[ |
645 | | -当の要素の通常の`包含塊$の子である |
646 | | -]かつ[ |
647 | | -当の要素の各~子孫により生成される包含塊の親【先祖?】 |
648 | | -]であると見なされる。 |
| 694 | +<p class="issue"> |
| 695 | +`上端~層$用に必要になる正確な概念を解明する。 |
| 696 | +それらは、 |
| 697 | +おそらく,[ |
| 698 | +各自の層に特有な,少しばかり異なる何か |
| 699 | +]を行うことが求まれる。 |
649 | 700 | ◎ |
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. |
651 | 702 | </p> |
652 | 703 |
|
653 | 704 | <p> |
654 | | -このことは,根~scroll容器( `root scroller^en 【まだ未定義な用語】) |
655 | | -— 文書~全体の~padding辺に対応するものとして生成される`~scroll可能な包含塊$ — |
656 | | -にも適用され、 |
657 | | -それは,`初期~包含塊$の子であると見なされる。 |
| 705 | +`絶対的に位置され$た~boxは、 |
| 706 | +他が指定されない限り,`局所的な包含塊$を利用する。 |
| 707 | +ある種の~CSS特能は、 |
| 708 | +異なる`包含塊$を利用するよう指定し得る。 |
| 709 | +例えば: |
658 | 710 | ◎ |
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,\ |
660 | 712 | </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> |
661 | 727 |
|
662 | | -<p> |
663 | | -`~scroll可能な包含塊$は,既定では利用されないが、 |
664 | | -ある種の~CSS特能( `position-area$p など)は, |
665 | | -通常の`包含塊$の代わりに それを利用するものと指定し得る。 |
| 728 | +<p class="note">注記: |
| 729 | +現時点では, |
| 730 | +`固定的な包含塊$を指す仕方は`固定d位置決め包含塊$の他に無いが、 |
| 731 | +将来には追加されるかもしれない。 |
666 | 732 | ◎ |
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. |
668 | 734 | </p> |
669 | 735 |
|
670 | 736 | </section> |
|
0 commit comments