@@ -825,7 +825,7 @@ <h3 id=possible-breaks><span class=secno>4.1. </span> Possible Break Points</h3>
825825 block-and-inline flow, breaks may occur at the following places:
826826
827827 < dl >
828- < dt id =btw-blocks > Class 1
828+ < dt id =btw-blocks > Class A
829829
830830 < dd > Between sibling boxes of the following types:
831831 < dl >
@@ -842,20 +842,22 @@ <h3 id=possible-breaks><span class=secno>4.1. </span> Possible Break Points</h3>
842842 boxes, table column boxes, multi-column column boxes
843843 </ dl >
844844
845- < dt id =btw-lines > Class 2
845+ < dt id =btw-lines > Class B
846846
847847 < dd > Between line boxes inside a block container box.
848848
849- < dt id =end-block > Class 3
849+ < dt id =end-block > Class C
850850
851851 < dd > Between the content edge of a block container box and the outer edges
852852 of its child content (margin edges of block-level children or line box
853853 edges for inline-level children) < em > if</ em > there is a (non-zero) gap
854854 between them.
855855 </ dl >
856856
857- < p class =note > Other layout models may add breakpoints to the above
858- classes.
857+ < p class =note > There is no inherent prioritization among these classes of
858+ break points. However, individual break points may be prioritized or
859+ de-prioritized by using the < a href ="#breaking-controls "> breaking
860+ controls</ a > .
859861
860862 < p id =monolithic-breaking > The UA is not required to fragment the contents
861863 of < a href ="#monolithic "> < i > monolithic</ i > </ a > elements, and may instead
@@ -870,6 +872,11 @@ <h3 id=possible-breaks><span class=secno>4.1. </span> Possible Break Points</h3>
870872 the page, and not all the content fits, the UA may break anywhere in order
871873 to avoid losing content off the edge of the page.
872874
875+ < p class =note > Other layout models may add breakpoints to the above
876+ classes. For example, < a href ="#CSS3-FLEXBOX "
877+ rel =biblioentry > [CSS3-FLEXBOX]<!--{{CSS3-FLEXBOX}}--> </ a > adds certain
878+ points within a flex formatting context to classes A and C.
879+
873880 < h3 id =break-types > < span class =secno > 4.2. </ span > Types of Breaks</ h3 >
874881
875882 < p > There are different types of breaks in CSS, defined based on the type
@@ -918,7 +925,7 @@ <h3 id=forced-breaks><span class=secno>4.3. </span> Forced Breaks</h3>
918925
919926 < p > A < dfn id =forced-break > forced break</ dfn > is one explicitly indicated
920927 by the style sheet author. A < a href ="#forced-break "> < i > forced
921- break</ i > </ a > occurs at a < a href ="#btw-blocks "> Class 1 break point</ a >
928+ break</ i > </ a > occurs at a < a href ="#btw-blocks "> class A break point</ a >
922929 if, among the ‘< a href ="#break-after "> < code
923930 class =property > break-after</ code > </ a > ’ properties specified on or
924931 propagated to the earlier sibling box and the ‘< a
@@ -938,9 +945,9 @@ <h3 id=forced-breaks><span class=secno>4.3. </span> Forced Breaks</h3>
938945 class =css > recto</ code > ’, and/or ‘< code class =css > verso</ code > ’ are
939946 combined, the value specified on the latest element in the flow wins.
940947
941- < p class =note > A page break must also occur at < a
942- href ="#btw-blocks "> (1) </ a > if the last line box above this margin and the
943- first one below it do not have the same value for ‘< code
948+ < p class =note > A page break must also occur at a < a
949+ href ="#btw-blocks "> class A break point </ a > if the last line box above this
950+ margin and the first one below it do not have the same value for ‘< code
944951 class =property > page</ code > ’. See < a href ="#CSS3PAGE "
945952 rel =biblioentry > [CSS3PAGE]<!--{{!CSS3PAGE}}--> </ a >
946953
@@ -961,49 +968,49 @@ <h3 id=unforced-breaks><span class=secno>4.4. </span> Unforced Breaks</h3>
961968 break point</ a > is allowed:
962969
963970 < dl >
964- < dt > Rule A
971+ < dt > Rule 1
965972
966- < dd > A fragmented flow may break at < a href ="#btw-blocks "> (1) </ a > only if
967- all the ‘< a href ="#break-after "> < code
973+ < dd > A fragmented flow may break at a < a href ="#btw-blocks "> class A break
974+ point </ a > only if all the ‘< a href ="#break-after "> < code
968975 class =property > break-after</ code > </ a > ’ and ‘< a
969976 href ="#break-before "> < code class =property > break-before</ code > </ a > ’
970977 values applicable to this break point allow it, which is when at least
971978 one of them forces a break or when all of them are ‘< code
972979 class =css > auto</ code > ’.
973980
974- < dt > Rule B
981+ < dt > Rule 2
975982
976983 < dd > However, if all of them are ‘< code class =css > auto</ code > ’ and a
977984 common ancestor of all the elements has a ‘< a
978985 href ="#break-inside "> < code class =property > break-inside</ code > </ a > ’
979986 value of ‘< code class =css > avoid</ code > ’, then breaking here is not
980987 allowed.
981988
982- < dt > Rule C
989+ < dt > Rule 3
983990
984- < dd > Breaking at < a href ="#btw-lines "> (2) </ a > is allowed only if the
985- number of line boxes between the break and the start of the enclosing
986- block box is the value of ‘< a href ="#orphans "> < code
991+ < dd > Breaking at a < a href ="#btw-lines "> class B break point </ a > is allowed
992+ only if the number of line boxes between the break and the start of the
993+ enclosing block box is the value of ‘< a href ="#orphans "> < code
987994 class =property > orphans</ code > </ a > ’ or more, and the number of line
988995 boxes between the break and the end of the box is the value of ‘< a
989996 href ="#widows "> < code class =property > widows</ code > </ a > ’ or more.
990997
991- < dt > Rule D
998+ < dt > Rule 4
992999
993- < dd > Additionally, breaking at < a href ="#btw-blocks "> (2) </ a > or < a
994- href ="#end-block "> (3) </ a > is allowed only if the ‘< a
1000+ < dd > Additionally, breaking at < a href ="#btw-blocks "> class B </ a > or < a
1001+ href ="#end-block "> class C </ a > break points is allowed only if the ‘< a
9951002 href ="#break-inside "> < code class =property > break-inside</ code > </ a > ’
9961003 property of all ancestors is ‘< code class =css > auto</ code > ’.
9971004 </ dl >
9981005
9991006 < p > If the above doesn't provide enough break points to keep content from
1000- overflowing the page boxes, then rules A, B and D are dropped in order to
1007+ overflowing the page boxes, then rules 1, 2 and 4 are dropped in order to
10011008 find additional breakpoints. In this case the UA may use the ‘< code
10021009 class =css > avoid</ code > ’s that are in effect at those points to weigh the
10031010 appropriateness of the new breakpoints; however, this specification does
10041011 not suggest a precise algorithm.
10051012
1006- < p > If that still does not lead to sufficient break points, rule C is
1013+ < p > If that still does not lead to sufficient break points, rule 3 is
10071014 dropped as well, to find still more break points.
10081015
10091016 < h3 id =best-breaks > < span class =secno > 4.5. </ span > Optimizing Unforced
@@ -1575,6 +1582,16 @@ <h3 class=no-num id=other-references>Other references</h3>
15751582 < dd style ="display: none "> <!-- keeps the doc valid if the DL is empty -->
15761583 <!---->
15771584
1585+ < dt id =CSS3-FLEXBOX > [CSS3-FLEXBOX]
1586+
1587+ < dd > Tab Atkins Jr.; Elika J. Etemad; Alex Mogilevsky. < a
1588+ href ="http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/ "> < cite > CSS
1589+ Flexible Box Layout Module.</ cite > </ a > 18 September 2012. W3C Candidate
1590+ Recommendation. (Work in progress.) URL: < a
1591+ href ="http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/ "> http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/</ a >
1592+ </ dd >
1593+ <!---->
1594+
15781595 < dt id =CSS3-SIZING > [CSS3-SIZING]
15791596
15801597 < dd > Tab Atkins Jr.; Elika J. Etemad. < a
0 commit comments