@@ -207,69 +207,69 @@ The ''::marker'' Pseudo-Element</h3>
207207<h4 id='marker-properties'>
208208Properties Applying to ''::marker''</h4>
209209
210- All properties can be set on a ''::marker'' pseudo-element
211- and will have a [=computed value=]
212- which will then inherit to its text content.
213-
214- <div class=example>
215- Inheritable properties that apply to text
216- can be set on the ''::marker'' pseudo-element:
217- these will inherit to and take effect on its text contents.
218- Some examples of such properties include:
219- <ul>
220- <li> 'text-transform' , 'letter-spacing' , 'word-spacing' (see [[CSS-TEXT-3]] )
221- <li> all the font properties (see [[CSS-FONTS-3]] and its successors)
222- <li> the 'color' property (see [[CSS-COLOR-3]] )
223- </ul>
224- </div>
225-
226- However,
227- only the following CSS properties
228- actually apply to a [=marker box=] :
229-
230- <ul>
231- <li> the 'text-combine-upright' , 'unicode-bidi' , and 'direction' properties (see [[CSS-WRITING-MODES-3]] )
232- <li> the 'content' property (see [[#content-property]] , below)
233- <li> all animation and transition properties (see [[CSS-ANIMATIONS-1]] and [[CSS-TRANSITIONS-1]] )
234- </ul>
235-
236- Other properties should not have an effect on the [=marker box=]
237- when declared directly on ''::marker''
238- in the [=author origin|author=] or [=user origin=] of the [=cascade=] .
239- UAs may either treat such properties as not applying,
240- or enforce their value or inheritance from the [=originating element=]
241- by setting a [=user-agent origin=] ''!important'' rule.
242-
243- NOTE: It is expected that future specifications will extend this list of properties
244- and relax the restriction on which properties can take effect.
245- However at the moment outside marker box layout is not fully defined,
246- so to avoid future compatibility problems only these properties are allowed.
247-
248- Additionally,
249- UAs must add the following rule to their default style sheet:
250- <pre>
251- ::marker, ::before::marker, ::after::marker {
252- unicode-bidi: isolate;
253- font-variant-numeric: tabular-nums;
254- white-space: pre;
255- text-transform: none;
256- }
257- </pre>
258-
259- ISSUE: ''white-space: pre'' doesn't have quite the right behavior;
260- ''text-space-collapse: preserve-spaces'' + ''text-space-trim: discard-after''
261- might be closer to what's needed here.
262- See discussion in <a href="https://github.com/w3c/csswg-drafts/issues/4448">Issue 4448</a>
263- and <a href="https://github.com/w3c/csswg-drafts/issues/4891">Issue 4891</a> .
264-
265- Note: Although the ''::marker'' pseudo-element can represent
266- the [=marker box=] of a ''::before'' or ''::after'' pseudo-element,
267- the [=compound selector=] ''::marker'' ,
268- which expands to ''*::marker'' [[SELECTORS-4]] ,
269- will not select these markers--
270- an [=originating element=] that is a [=pseudo-element=]
271- needs to be explicitly specified in the [=selector=] ,
272- e.g. ''::before::marker'' .
210+ All properties can be set on a ''::marker'' pseudo-element
211+ and will have a [=computed value=]
212+ which will then inherit to its text content.
213+
214+ <div class=example>
215+ Inheritable properties that apply to text
216+ can be set on the ''::marker'' pseudo-element:
217+ these will inherit to and take effect on its text contents.
218+ Some examples of such properties include:
219+ <ul>
220+ <li> 'text-transform' , 'letter-spacing' , 'word-spacing' (see [[CSS-TEXT-3]] )
221+ <li> all the font properties (see [[CSS-FONTS-3]] and its successors)
222+ <li> the 'color' property (see [[CSS-COLOR-3]] )
223+ </ul>
224+ </div>
225+
226+ However,
227+ only the following CSS properties
228+ actually apply to a [=marker box=] :
229+
230+ <ul>
231+ <li> the 'text-combine-upright' , 'unicode-bidi' , and 'direction' properties (see [[CSS-WRITING-MODES-3]] )
232+ <li> the 'content' property (see [[#content-property]] , below)
233+ <li> all animation and transition properties (see [[CSS-ANIMATIONS-1]] and [[CSS-TRANSITIONS-1]] )
234+ </ul>
235+
236+ Other properties should not have an effect on the [=marker box=]
237+ when declared directly on ''::marker''
238+ in the [=author origin|author=] or [=user origin=] of the [=cascade=] .
239+ UAs may either treat such properties as not applying,
240+ or enforce their value or inheritance from the [=originating element=]
241+ by setting a [=user-agent origin=] ''!important'' rule.
242+
243+ NOTE: It is expected that future specifications will extend this list of properties
244+ and relax the restriction on which properties can take effect.
245+ However at the moment outside marker box layout is not fully defined,
246+ so to avoid future compatibility problems only these properties are allowed.
247+
248+ Additionally,
249+ UAs must add the following rule to their default style sheet:
250+ <pre>
251+ ::marker, ::before::marker, ::after::marker {
252+ unicode-bidi: isolate;
253+ font-variant-numeric: tabular-nums;
254+ white-space: pre;
255+ text-transform: none;
256+ }
257+ </pre>
258+
259+ ISSUE: ''white-space: pre'' doesn't have quite the right behavior;
260+ ''text-space-collapse: preserve-spaces'' + ''text-space-trim: discard-after''
261+ might be closer to what's needed here.
262+ See discussion in <a href="https://github.com/w3c/csswg-drafts/issues/4448">Issue 4448</a>
263+ and <a href="https://github.com/w3c/csswg-drafts/issues/4891">Issue 4891</a> .
264+
265+ Note: Although the ''::marker'' pseudo-element can represent
266+ the [=marker box=] of a ''::before'' or ''::after'' pseudo-element,
267+ the [=compound selector=] ''::marker'' ,
268+ which expands to ''*::marker'' [[SELECTORS-4]] ,
269+ will not select these markers--
270+ an [=originating element=] that is a [=pseudo-element=]
271+ needs to be explicitly specified in the [=selector=] ,
272+ e.g. ''::before::marker'' .
273273
274274
275275<h3 id='content-property'>
0 commit comments