@@ -633,7 +633,7 @@ Dominant Baselines: the 'dominant-baseline' property</h3>
633633
634634 <pre class="propdef">
635635 Name : dominant-baseline
636- Value : auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top
636+ Value : auto | <<baseline-metric>>
637637 Initial : auto
638638 Applies to : block containers, inline boxes, table rows, grid containers, flex containers, and SVG <a>text content elements</a>
639639 Inherited : yes
@@ -654,9 +654,17 @@ Dominant Baselines: the 'dominant-baseline' property</h3>
654654 in the box’s <a>alignment context</a> ;
655655 see (''alignment-baseline: baseline'' and [[CSS-ALIGN-3]] ).
656656
657+ The <dfn><<baseline-metric>></dfn> value, which identifies
658+ specific baseline metrics, expands to
659+
660+ <pre class=prod>
661+ <<baseline-metric>> = text-bottom | alphabetic | ideographic | middle
662+ | central | mathematical | hanging | text-top
663+ </pre>
664+
657665 Values have the following meanings:
658666
659- <dl dfn-for=dominant-baseline dfn-type=value>
667+ <dl dfn-for=" dominant-baseline,<<baseline-metric> >" dfn-type=value>
660668 <dt> <dfn>auto</dfn>
661669 <dd>
662670 Equivalent to ''dominant-baseline/alphabetic'' in <a>horizontal writing modes</a>
@@ -790,7 +798,7 @@ Alignment Baseline Type: the 'alignment-baseline' longhand</h4>
790798
791799 <pre class="propdef">
792800 Name : alignment-baseline
793- Value : baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top
801+ Value : baseline | <<baseline-metric>>
794802 Initial : baseline
795803 Applies to : inline-level boxes, flex items, grid items, table cells, and SVG <a>text content elements</a>
796804 Inherited : no
@@ -802,46 +810,9 @@ Alignment Baseline Type: the 'alignment-baseline' longhand</h4>
802810 This property specifies the box’s <dfn export>alignment baseline</dfn> :
803811 the [=baseline=] used to align the box
804812 prior to applying its [=post-alignment shift=]
805- (if applicable).
806-
807- Values are defined as follows:
808-
809- <dl dfn-for="alignment-baseline,vertical-align" dfn-type=value>
810- <dt> <dfn>baseline</dfn>
811- <dd>
812- Use the <a>dominant baseline</a> choice of the parent.
813-
814- <dt> <dfn>text-bottom</dfn>
815- <dd>
816- Use the [=text-under baseline=] .
817-
818- <dt> <dfn>alphabetic</dfn>
819- <dd>
820- Use the [=alphabetic baseline=] .
821-
822- <dt> <dfn>ideographic</dfn>
823- <dd>
824- Use the [=ideographic-under baseline=] .
825-
826- <dt> <dfn>middle</dfn>
827- <dd>
828- In general, use the [=x-middle baselines=] ;
829- except under ''text-orientation: upright''
830- (where the [=alphabetic=] and [=x-height=] baselines are essentially meaningless)
831- use the [=central baseline=] instead.
832-
833- <dt> <dfn>central</dfn>
834- <dd>
835- Use the [=central baseline=] .
836-
837- <dt> <dfn>mathematical</dfn>
838- <dd>
839- Use the [=math baseline=] .
840-
841- <dt> <dfn>text-top</dfn>
842- <dd>
843- Use the [=text-over baseline=] .
844- </dl>
813+ (if applicable). Values have the same meanings as for 'dominant-baseline' ;
814+ the <dfn for=alignment-baseline value>baseline</dfn> keyword uses the
815+ <a>dominant baseline</a> choice of the parent.
845816
846817 When performing [=baseline alignment=] ,
847818 these values specify which [=baseline=] of the box is aligned
@@ -3097,6 +3068,10 @@ Changes</h2>
30973068 <li> Renamed “invisible line boxes” to [=phantom line boxes=]
30983069 for <a href="https://www.w3.org/TR/CSS2/visuren.html#phantom-line-box">consistency with CSS2</a>
30993070 and to help clarify that they are “invisible” to layout, not just painting.
3071+ <li> Extracted keywords of 'dominant-baseline' and 'alignment-baseline' (except
3072+ ''dominant-baseline/auto'' and ''alignment-baseline/baseline'' ) into <<baseline-metric>> ,
3073+ thereby adding ''dominant-baseline/hanging'' to 'alignment-baseline' .
3074+ (<a href="https://github.com/w3c/csswg-drafts/issues/13327">Issue 13327</a> )
31003075 </ul>
31013076
31023077 Changes since the
0 commit comments