Skip to content

Commit 284cfc6

Browse files
committed
[css-lists-3][css-pseudo-4] Move list of properties applying to ::marker to css-lists-3 since it's more tied to the evolution of marker layout than the pseudo element model.
1 parent b6368ad commit 284cfc6

2 files changed

Lines changed: 43 additions & 38 deletions

File tree

css-lists-3/Overview.bs

Lines changed: 41 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -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'>
209242
Generating Marker Contents</h3>
210243

css-pseudo-4/Overview.bs

Lines changed: 2 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -778,36 +778,8 @@ List Markers: the ''::marker'' pseudo-element</h3>
778778
the automatically generated [=marker box=] of a [=list item=].
779779
(See [[CSS-DISPLAY-3]] and [[CSS-LISTS-3]].)
780780

781-
The following CSS properties apply to a ''::marker'' pseudo-element:
782-
<ul>
783-
<li>all font properties (see [[CSS-FONTS-3]])
784-
<li>the 'white-space' property (see [[CSS-TEXT-3]])
785-
<li>the 'color' property (see [[CSS-COLOR-3]])
786-
<li>the 'text-combine-upright', 'unicode-bidi', and 'direction' properties (see [[CSS-WRITING-MODES-3]])
787-
<li>the 'content' property (see [[CSS-LISTS-3]])
788-
</ul>
789-
790-
<p class="note">
791-
It is expected that future specifications will extend this list of properties;
792-
however at the moment marker box layout is not fully defined,
793-
so only these properties are allowed.
794-
795-
UAs must add the following rule to their default style sheet:
796-
<pre>
797-
::marker, ::before::marker, ::after::marker {
798-
unicode-bidi: isolate;
799-
font-variant-numeric: tabular-nums;
800-
}
801-
</pre>
802-
803-
Note: Although the ''::marker'' pseudo-element can represent
804-
the [=marker box=] of a ''::before'' or ''::after'' pseudo-element,
805-
the [=compound selector=] ''::marker'',
806-
which expands to ''*::marker'' [[SELECTORS-4]],
807-
will not select these markers--
808-
an [=originating element=] that is a [=pseudo-element=]
809-
needs to be explicitly specified in the [=selector=],
810-
e.g. ''::before::marker''.
781+
Only a limited set of properties can be used on the ''::marker'' pseudo-element.
782+
This list is defined in [[css-lists-3#marker-properties]].
811783

812784
<h3 id="placeholder-pseudo">
813785
Placeholder Input: the ''::placeholder'' pseudo-element</h3>

0 commit comments

Comments
 (0)