Skip to content

Commit 9fbf2d1

Browse files
committed
Move intrinsic-* to the intrinsic sizes chapter, and redefine it as overriding the actual intrinsic size, not just the intrinsic size contribution. Fixes #4414.
1 parent aa73c4d commit 9fbf2d1

File tree

1 file changed

+44
-38
lines changed

1 file changed

+44
-38
lines changed

css-sizing-4/Overview.bs

Lines changed: 44 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -402,9 +402,20 @@ Intrinsic Size Determination</h2>
402402

403403
ISSUE: <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'>
641620
Overriding 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

Comments
 (0)