@@ -855,6 +855,7 @@ Styling Highlights</h3>
855
855
whose rendering within the [[#highlight-bounds|required area]]
856
856
is not dependent on the exact (UA-determined) bounds
857
857
of the [=highlight overlay=] .
858
+
858
859
The following properties apply to the <a>highlight pseudo-elements</a> :
859
860
860
861
<ul>
@@ -908,25 +909,21 @@ Styling Highlights</h3>
908
909
applied to the text
909
910
by the <a>originating element</a> and its ancestors and descendants.
910
911
911
- <h4>Values Resolved From Originating Elements</h4>
912
- There are several properties that modify colors or resolve units but cannot be
913
- used inside [=highlight pseudo-elements=] , yet are important for specifyng the
914
- appearance of properties that are used in the highlight. For example:
912
+
913
+ For any properties not listed above,
914
+ but which are required to resolve the values of applicable properties,
915
+ their [=computed values=] are copied from those of the [=originating element=] ,
916
+ ignoring any values specified on the [=highlight pseudo-element=] itself.
917
+ For example:
915
918
916
919
<ul>
917
- <li> 'forced-color-adjust' (used with [=forced colors mode=] , which [=highlight pseudo-elements=] must respect)
918
- <li> 'font' , 'font-size' , etc. used to resolve 'em' and other font-relative units.
919
- <li> 'line-height' used to resolve 'lh' units.
920
- <li> [=custom properties=] [[!CSS-VARIABLES-1]] used as property values.
920
+ <li> 'forced-color-adjust' (used in [=forced colors mode=] to resolve colors)
921
+ and 'color-scheme' (used to resolve [=system colors=] )
922
+ <li> 'font-size' , 'font-family' , etc. (used to resolve ''em'' and other [=font-relative lengths=] ).
923
+ <li> 'line-height' (used to resolve ''lh'' units)
924
+ <li> [=custom properties=] [[!CSS-VARIABLES-1]] (used in ''var()'' substitutions)
921
925
</ul>
922
926
923
- These properties are ignored if defined on the [=highlight pseudo-element=]
924
- itself. Rather, any non-allowed property required to define the appearance of a
925
- [=highlight pseudo-element=] is taken from the [=originating element=] ’s
926
- corresponding property. The computed style of the [=highlight pseudo-element=]
927
- will include any properties taken from the originating element, even if not
928
- allowed on the [=highlight pseudo-element=] itself.
929
-
930
927
<!-- Add this back if for some reason someone wants to implement 'outline' ?
931
928
The outline, if supported, must be drawn
932
929
around the union of the active portions of the <a>highlight overlay</a>
0 commit comments