@@ -438,8 +438,7 @@ <h2 class="no-num no-toc" id=table-of-contents>Table of contents</h2>
438438 </ span > The Region Flow Content Box (RFBC)</ a >
439439
440440 < li > < a href ="#rfbc-width-computation "> < span class =secno > 7.2. </ span > RFCB
441- intrinsic ‘< code class =property > width</ code > ’
442- resolution</ a >
441+ ‘< code class =property > width</ code > ’ resolution</ a >
443442
444443 < li > < a href ="#rfcb-height-computation "> < span class =secno > 7.3.
445444 </ span > RFCB intrinsic ‘< code class =property > height</ code > ’
@@ -2371,35 +2370,42 @@ <h3 id=regions-flow-content-box><span class=secno>7.1. </span>The Region
23712370 < p > Laying out a < span > region</ span > box follows the normal processing rules
23722371 as any other container box.
23732372
2374- < p > However, the < span > RFCB</ span > behaves like a < a
2373+ < p > The < span > RFCB</ span > behaves like a < a
2374+ href ="http://www.w3.org/TR/CSS2/visudet.html#blockwidth "> block-level
2375+ non-replaced element</ a > in normal flow with regards to its ‘< code
2376+ class =property > width</ code > ’.
2377+
2378+ < p > The < span > RFCB</ span > behaves like a < a
23752379 href ="http://www.w3.org/TR/CSS2/conform.html#replaced-element "> replaced
2376- element</ a > and computing the < span > RFCB </ span > ‘ < code class = css > s < a
2377- href =""> intrinsic dimensions </ a > require special processing as described
2378- in the following sections.</ code >
2380+ element</ a > with regards to its height and computing the
2381+ < span > RFCB </ span > ‘ < code class = css > s < a href =""> intrinsic height </ a >
2382+ require special processing as described in the following sections.</ code >
23792383
2380- < h3 id =rfbc-width-computation > < span class =secno > 7.2. </ span > RFCB intrinsic
2384+ < h3 id =rfbc-width-computation > < span class =secno > 7.2. </ span > RFCB
23812385 ’width' resolution</ h3 >
23822386
2383- < p > The intrinsic ‘< code class =property > width</ code > ’ of an
2384- < span > RFCB</ span > is its < code class =css > fill-content</ code > ‘< code
2385- class =property > width</ code > ’ (also called < em > shrink-to-fit</ em > ),
2386- as < a href =""> defined</ a > in the CSS Writing Modes Module < a
2387- href ="#CSS3-WRITING-MODES "
2388- rel =biblioentry > [CSS3-WRITING-MODES]<!--{{!CSS3-WRITING-MODES}}--> </ a > )
2389- which is computed based on the entire associated < a
2390- href ="#named-flow0 "> named flow</ a > content.
2391-
2392- < p > As a result, the intrinsic ‘< code
2393- class =property > width</ code > ’ for all < span > region</ span > ‘< code
2394- class =css > s < span > RFCB</ span > is the same.</ code >
2387+ < p > The ‘< code class =property > width</ code > ’ of an
2388+ < span > RFCB</ span > is based on its < code class =css > min-content</ code > ,
2389+ < code class =css > max-content</ code > , < code class =css > fill-available</ code >
2390+ and < code class =css > fill-content</ code > (also called
2391+ < em > shrink-to-fit</ em > ) sizes, as < a href =""> defined</ a > in the CSS
2392+ Writing Modes Module < a href ="#CSS3-WRITING-MODES "
2393+ rel =biblioentry > [CSS3-WRITING-MODES]<!--{{!CSS3-WRITING-MODES}}--> </ a > ).
2394+ For an < span > RFCB</ span > , these sizes are computed based on the entire
2395+ associated < a href ="#named-flow0 "> named flow</ a > content.
23952396
23962397 < p > This is consistent with the < a
2397- href ="http://www.w3.org/TR/css3-break/#varying-size-boxes "> Box model for
2398+ href ="http://www.w3.org/TR/css3-break/#varying-size-boxes "> box model for
23982399 breaking</ a > (< a href ="#CSS3-BREAK "
23992400 rel =biblioentry > [CSS3-BREAK]<!--{{!CSS3-BREAK}}--> </ a > ).
24002401
2402+ < p > This means that all < span > regions</ span > associated with a < a
2403+ href ="#named-flow0 "> named flow</ a > share the same < code
2404+ class =css > min-content</ code > and < code class =css > max-content</ code >
2405+ measures.
2406+
24012407 < h3 id =rfcb-height-computation > < span class =secno > 7.3. </ span > RFCB intrinsic
2402- ’ height' resolution</ h3 >
2408+ ‘ < code class = property > height</ code > ’ resolution</ h3 >
24032409
24042410 < p > The resolution of an RFCB's ‘< code
24052411 class =property > height</ code > ’ requires a two phase process. This
@@ -2411,11 +2417,11 @@ <h4 id="rfcb=height-resolution-phase-1"><span class=secno>7.3.1.
24112417 </ span > RFCB intrinsic ‘< code class =property > height</ code > ’
24122418 resolution, Phase 1</ h4 >
24132419
2414- < p > The document is laid out using a < a
2420+ < p > The document is laid out with a < a
24152421 href ="http://www.w3.org/TR/CSS2/cascade.html#used-value "> used</ a > height
24162422 of zero for all < span > RFCB</ span > s. In this phase, the content of < a
24172423 href ="#named-flow0 "> named flows</ a > is not laid out in
2418- < span > regions</ span > . This phase yields a resolved position and sizes for
2424+ < span > regions</ span > . This phase yields resolved position and sizes for
24192425 all regions and their RFCBs in the document.
24202426
24212427 < h4 id =rfcb-height-resolution-phase-2 > < span class =secno > 7.3.2. </ span > RFCB
@@ -2424,7 +2430,7 @@ <h4 id=rfcb-height-resolution-phase-2><span class=secno>7.3.2. </span>RFCB
24242430 < p > < a href ="#named-flow0 "> Named flows</ a > are laid out in
24252431 < span > regions</ span > . For < span > regions</ span > whose < a
24262432 href ="http://www.w3.org/TR/CSS2/cascade.html#computed-value "> computed</ a >
2427- ‘< code class =property > height</ code > ’ value is < code
2433+ ‘< code class =property > height</ code > ’ is < code
24282434 class =css > auto</ code > , the user agent computes a new < a
24292435 href ="http://www.w3.org/TR/CSS2/cascade.html#used-value "> used</ a >
24302436 ‘< code class =property > height</ code > ’ for the < span > RFCB</ span >
@@ -2613,6 +2619,10 @@ <h3 id="changes_from_June_09_2011"><span class=secno>12.1. </span>Changes
26132619
26142620 < li > Added section about getClientRects(), getBoundingClientRect(),
26152621 offsetWidth, offsetHeight, offsetTop and offsetLeft.
2622+
2623+ < li > Added ‘< code class =css > Regions visual formatting
2624+ details</ code > ’ section to better describe the model for resolving
2625+ auto sizing on regions.
26162626 </ ul >
26172627
26182628 < h3 id ="changes_from_June_09_2011 "> < span class =secno > 12.2. </ span > Changes
0 commit comments