@@ -207,69 +207,69 @@ The ''::marker'' Pseudo-Element</h3>
207
207
<h4 id='marker-properties'>
208
208
Properties Applying to ''::marker''</h4>
209
209
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'' .
273
273
274
274
275
275
<h3 id='content-property'>
0 commit comments