@@ -402,9 +402,20 @@ Intrinsic Size Determination</h2>
402402
403403ISSUE: <strong> Need to Sync This Section With Level 3 It is Super Out Of Date</strong>
404404
405- <p>
406- <dfn export>Intrinsic sizing</dfn> determines sizes based on the contents of an element,
407- without regard for its context.
405+ <dfn export lt="intrinsic size">Intrinsic sizing</dfn> determines sizes based on the contents of a box,
406+ without regard for the context in which it is placed.
407+
408+ Precisely how to calculate the [=intrinsic size=] of a box depends on its layout mode;
409+ the following subsections define intrinsic sizing for several types of layouts.
410+ Individual layout modes,
411+ such as Flexbox or Grid,
412+ can define their own intrinsic sizing rules.
413+
414+ If a box has an [=explicit intrinsic inner size=] in an axis,
415+ then that is all of its [=intrinsic sizes=] in that axis.
416+ If the other axis does not have an [=explicit intrinsic inner size=] ,
417+ then its intrinsic sizes are determined normally,
418+ without regard for the [=explicit intrinsic inner size=] in the first axis.
408419
409420
410421<h3 id='replaced-intrinsic'>
@@ -605,38 +616,6 @@ Max-content Sizes in Constrained-height Multi-column Layout</h3>
605616 and measuring the resulting columns.
606617
607618
608- <!--
609- ██████ ███████ ██ ██ ████████ ████████ ████ ████████ ██████
610- ██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██ ██ ██
611- ██ ██ ██ ████ ██ ██ ██ ██ ██ ██ ██ ██
612- ██ ██ ██ ██ ██ ██ ██ ████████ ██ ████████ ██████
613- ██ ██ ██ ██ ████ ██ ██ ██ ██ ██ ██ ██
614- ██ ██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██ ██
615- ██████ ███████ ██ ██ ██ ██ ██ ████ ████████ ██████
616- -->
617-
618- <h2 id="intrinsic-contribution">
619- Intrinsic Size Contributions</h2>
620-
621- A box’s <a>min-content contribution</a> /<a>max-content contribution</a> in each axis
622- is the size of the content box
623- of a hypothetical ''width/auto'' -sized float
624- that contains only that box,
625- if that hypothetical float's containing block is zero-sized/infinitely-sized.
626-
627- However, if the box has an [=explicit intrinsic inner size=] in an axis,
628- then the box's [=automatic size=] in that axis
629- is calculated by assuming the [=explicit intrinsic inner size=]
630- as its [=inner size=] in that axis.
631-
632- Note: This specification does not define precisely how to determine these sizes.
633- Please refer to [[CSS2]] ,
634- the relevant CSS specification for that display type,
635- the <a href="#percentage-sizing">rules for handling percentages</a> (below),
636- and/or existing implementations
637- for further details.
638-
639-
640619<h3 id='intrinsic-size-override'>
641620Overriding Intrinsic Sizes: the 'intrinsic-*' properties</h3>
642621
@@ -652,18 +631,18 @@ Overriding Intrinsic Sizes: the 'intrinsic-*' properties</h3>
652631 </pre>
653632
654633 The 'intrinsic-*' properties determine
655- whether the [=intrinsic size contributions =] of a box
634+ whether the [=intrinsic sizes =] of a box
656635 are calculated from sizes derived from its content
636+ (as defined by the rest of this chapter),
657637 or from a specified <dfn export>explicit intrinsic inner size</dfn> .
658- See [[#intrinsic-contribution]] .
659638 Values are defined as follows:
660639
661640 <dl dfn-type=value dfn-for="intrinsic-block-size, intrinsic-inline-size, intrinsic-height, intrinsic-width, intrinsic-size">
662641 : <dfn>legacy</dfn>
663642 ::
664643 Does not specify an [=explicit intrinsic inner size=] of the box
665644 in the relevant axis.
666- (Intrinsic size contribution are thus determined in various ways
645+ (Intrinsic sizes are thus determined in various ways
667646 based on examining the content of the box as usual.
668647 See [[#intrinsic]] , for example.)
669648
@@ -702,6 +681,33 @@ Overriding Intrinsic Sizes: the 'intrinsic-*' properties</h3>
702681 we'll apply the same logic here.
703682
704683
684+ <!--
685+ ██████ ███████ ██ ██ ████████ ████████ ████ ████████ ██████
686+ ██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██ ██ ██
687+ ██ ██ ██ ████ ██ ██ ██ ██ ██ ██ ██ ██
688+ ██ ██ ██ ██ ██ ██ ██ ████████ ██ ████████ ██████
689+ ██ ██ ██ ██ ████ ██ ██ ██ ██ ██ ██ ██
690+ ██ ██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██ ██
691+ ██████ ███████ ██ ██ ██ ██ ██ ████ ████████ ██████
692+ -->
693+
694+ <h2 id="intrinsic-contribution">
695+ Intrinsic Size Contributions</h2>
696+
697+ A box’s <a>min-content contribution</a> /<a>max-content contribution</a> in each axis
698+ is the size of the content box
699+ of a hypothetical ''width/auto'' -sized float
700+ that contains only that box,
701+ if that hypothetical float's containing block is zero-sized/infinitely-sized.
702+
703+ Note: This specification does not define precisely how to determine these sizes.
704+ Please refer to [[CSS2]] ,
705+ the relevant CSS specification for that display type,
706+ the <a href="#percentage-sizing">rules for handling percentages</a> (below),
707+ and/or existing implementations
708+ for further details.
709+
710+
705711
706712<!--
707713████████ ██ ██ ████████ ████████ ████ ██ ██ ██████ ████ ██████
0 commit comments