Added an example to marker-attachment.

Author: tabatkins

css3-lists/Overview.html

@@ -25,13 +25,13 @@
 
    <h1>CSS Lists and Counters Module Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 18 November
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 19 November
     2011</h2>
 
    <dl>
     <dt>This version:
 
-    <dd><!--<a href="http://www.w3.org/TR/2011/WD-css3-lists-20111118">http://www.w3.org/TR/2011/WD-css3-lists-20111118</a></dd>-->
+    <dd><!--<a href="http://www.w3.org/TR/2011/WD-css3-lists-20111119">http://www.w3.org/TR/2011/WD-css3-lists-20111119</a></dd>-->
      <a
      href="http://dev.w3.org/csswg/css3-lists/">http://dev.w3.org/csswg/css3-lists/</a>
 
@@ -1355,7 +1355,57 @@ <h3 id=marker-attachment><span class=secno>7.2. </span> The &lsquo;<a
    title=associated-marker>associated markers</i></a> instead base their
    positioning off of the directionality of the list item's parent element.
    The normative meaning of this is specified in the section defining <a
-   href="#position-marker">position:marker</a>.</p>
+   href="#position-marker">position:marker</a>.
+
+  <div class=example>
+   <p>Here is a visual rendering of the effect that &lsquo;<a
+    href="#marker-attachment0"><code
+    class=property>marker-attachment</code></a>&rsquo; can have on a list.
+    Both of the following renderings are generated from the following HTML,
+    with the only difference being the value of &lsquo;<a
+    href="#marker-attachment0"><code
+    class=property>marker-attachment</code></a>&rsquo; on the list:</p>
+
+   <pre>
+&lt;ul>
+	&lt;li>english one
+	&lt;li dir=rtl>OWT WERBEH
+	&lt;li>english three
+	&lt;li dir=rtl>RUOF WERBEH
+&lt;/ul></pre>
+
+   <table class=data style="width: 35em;">
+    <thead>
+     <tr>
+      <th>list-item
+
+      <th>list-container
+
+    <tbody>
+     <tr>
+      <td style="border-right: thin solid">
+       <ul>
+        <li>english one
+
+        <li dir=rtl>OWT WERBEH
+
+        <li>english three
+
+        <li dir=rtl>RUOF WERBEH
+       </ul>
+
+      <td>
+       <ul>
+        <li>english one
+
+        <li>OWT WERBEH
+
+        <li>english three
+
+        <li>RUOF WERBEH
+       </ul>
+   </table>
+  </div>
   <!-- ===================================================================== -->
 
   <h2 id=counter-style><span class=secno>8. </span> Defining Custom Counter

css3-lists/Overview.src.html

@@ -775,6 +775,41 @@ <h3 id='marker-attachment'>
 
 	<p>When a list item has ''marker-attachment:list-item'', any <i title='associated-marker'>markers associated with the list item</i> base their positioning off of the directionality of the list item.  When a list item has ''marker-attachment:list-container'', the <i title='associated-marker'>associated markers</i> instead base their positioning off of the directionality of the list item's parent element.  The normative meaning of this is specified in the section defining <a href="#position-marker">position:marker</a>.</p>
 
+	<div class='example'>
+		<p>Here is a visual rendering of the effect that 'marker-attachment' can have on a list.  Both of the following renderings are generated from the following HTML, with the only difference being the value of 'marker-attachment' on the list:</p>
+
+		<pre>
+&lt;ul>
+	&lt;li>english one
+	&lt;li dir=rtl>OWT WERBEH
+	&lt;li>english three
+	&lt;li dir=rtl>RUOF WERBEH
+&lt;/ul></pre>
+
+		<table class=data style="width: 35em;">
+			<thead>
+				<tr>
+					<th>list-item
+					<th>list-container
+			<tbody>
+				<tr>
+					<td style="border-right: thin solid">
+						<ul>
+							<li>english one
+							<li dir=rtl>OWT WERBEH
+							<li>english three
+							<li dir=rtl>RUOF WERBEH
+						</ul>
+					<td>
+						<ul>
+							<li>english one
+							<li>OWT WERBEH
+							<li>english three
+							<li>RUOF WERBEH
+						</ul>
+		</table>
+	</div>
+
 
 
 <!-- ===================================================================== -->