@@ -126,14 +126,6 @@ The ''::marker'' Pseudo-Element</h3>
126126 It is filled with content
127127 as defined in [[#content-property]] .
128128
129- <a>Marker boxes</a> only exist for <a>list items</a> :
130- on any other element,
131- the ''::marker'' pseudo-element's 'content' property must compute to ''content/none'' ,
132- which suppresses its creation.
133-
134- Only a limited set of properties can be used on the ''::marker'' pseudo-element.
135- This list is defined in [[css-pseudo-4#marker-pseudo]] .
136-
137129 <div class="example">
138130 In this example, markers are used to number paragraphs that are designated as "notes":
139131
@@ -205,6 +197,47 @@ The ''::marker'' Pseudo-Element</h3>
205197 and then revert that on a wrapper element around the list item's actual contents.
206198 </div>
207199
200+ <a>Marker boxes</a> only exist for <a>list items</a> :
201+ on any other element,
202+ the ''::marker'' pseudo-element's 'content' property must compute to ''content/none'' ,
203+ which suppresses its creation.
204+
205+ <h4 id='marker-properties'>
206+ Properties Applying to ''::marker''</h4>
207+
208+ The following CSS properties (and only these properties)
209+ apply to a ''::marker'' pseudo-element:
210+
211+ <ul>
212+ <li> all font properties (see [[CSS-FONTS-3]] and its successors)
213+ <li> the 'white-space' property (see [[CSS-TEXT-3]] )
214+ <li> the 'color' property (see [[CSS-COLOR-3]] )
215+ <li> the 'text-combine-upright' , 'unicode-bidi' , and 'direction' properties (see [[CSS-WRITING-MODES-3]] )
216+ <li> the 'content' property (see [[#content-property]] , below)
217+ </ul>
218+
219+ <p class="note">
220+ It is expected that future specifications will extend this list of properties;
221+ however at the moment marker box layout is not fully defined,
222+ so only these properties are allowed.
223+
224+ UAs must add the following rule to their default style sheet:
225+ <pre>
226+ ::marker, ::before::marker, ::after::marker {
227+ unicode-bidi: isolate;
228+ font-variant-numeric: tabular-nums;
229+ }
230+ </pre>
231+
232+ Note: Although the ''::marker'' pseudo-element can represent
233+ the [=marker box=] of a ''::before'' or ''::after'' pseudo-element,
234+ the [=compound selector=] ''::marker'' ,
235+ which expands to ''*::marker'' [[SELECTORS-4]] ,
236+ will not select these markers--
237+ an [=originating element=] that is a [=pseudo-element=]
238+ needs to be explicitly specified in the [=selector=] ,
239+ e.g. ''::before::marker'' .
240+
208241<h3 id='content-property'>
209242Generating Marker Contents</h3>
210243
0 commit comments