Skip to content

Commit 516ea53

Browse files
committed
Quick commit of unfinished section, so I can easily migrate to working on my laptop today.
1 parent 90c884b commit 516ea53

1 file changed

Lines changed: 13 additions & 8 deletions

File tree

css3-lists/Overview.src.html

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -734,7 +734,7 @@ <h2>Marker Position: The 'list-style-position' property</h2>
734734
<td><dfn>list-style-position</dfn>
735735
<tr>
736736
<th>Value:
737-
<td>inside | outside
737+
<td>inside | outside | hanging
738738
<tr>
739739
<th>Initial:
740740
<td>outside
@@ -752,21 +752,26 @@ <h2>Marker Position: The 'list-style-position' property</h2>
752752
<td>specified value
753753
</table>
754754

755-
<p>This property specifies the position of the marker box in the principal block box. Values have
756-
the following meanings:</p>
755+
<p>This property specifies the position of the ''::marker'' pseudo-element's box
756+
in the list item. Values have the following meanings:</p>
757757

758758
<dl>
759-
<dt><dfn>outside</dfn></dt>
760-
<dd>The marker box is outside the principal block box, as described in the section on the ::marker
761-
pseudo-element below.</dd>
762-
763759
<dt><dfn>inside</dfn></dt>
764760
<dd>The ''::marker'' pseudo-element is an inline element placed immediately
765-
before all ::before pseudo-elements in the principal block box, after which the element's content
761+
before the ''::before'' pseudo-element in the list item, after which the element's content
766762
flows. Note that if there is no inline content, this will create a line box, just as content in an
767763
inline ::before pseudo-element would. Also note that all the properties that apply to inline
768764
elements apply to the ''::marker'' pseudo-element in this state, and this
769765
''::marker'' box participates in the inline box model in the normal manner.</dd>
766+
767+
<dt><dfn>outside</dfn></dt>
768+
<dd>As ''inside'', except the marker is positioned, as if it were ''position:absolute'',
769+
such that in an ltr list item the marker's right edge is positioned against the
770+
left edge of the first line box in the list item, while in an rtl list item
771+
the marker's left edge is positioned against the right edge of the first line
772+
box in the list item. Note that this implies that the marker may move to stay
773+
near the text of the list item if, for example, 'text-align' is set to ''right''
774+
in an ltr list item.</dd>
770775
</dl>
771776

772777
<p>Note that a marker is only generated if the computed value of the 'content'

0 commit comments

Comments
 (0)