[css-lists-3] Clean up / update default HTML style rules.

Author: fantasai

css-lists-3/Overview.bs

@@ -1384,42 +1384,30 @@ Outputting Counters: the ''counter()'' and ''counters()'' functions</h3>
 <h2 id='ua-stylesheet'>
 Appendix A: Sample Style Sheet For HTML</h2>
 
-	Issue: Need to check this section for errors.
-
 	<em>This section is informative, not normative.
-	HTML itself defines the actual default properties that apply to HTML lists.</em>
+	The [[HTML]] <a href="https://html.spec.whatwg.org/multipage/rendering.html#lists">Rendering</a> chapter
+	defines the normative default properties that apply to HTML lists.</em>
 
 	<pre>
 		/* Set up list items */
 		li {
-			display: list-item;
-			/* counter-increment: list-item; (implied by display: list-item) */
+			display: list-item; /* implies 'counter-increment: list-item' */
 		}
 
-		/* Set up ol and ul so that they reset the list-item counter */
+		/* Set up ol and ul so that they scope the list-item counter */
 		ol, ul {
 			counter-reset: list-item;
 		}
 
-		/* Default list style types for ordered lists */
-		ol {
-			list-style-type: decimal;
-		}
-
-		/* Default list style types for unordered lists up to 3 deep */
-		ul { list-style-type: disc; }
-		ul ul { list-style-type: square; }
-		ul ul ul { list-style-type: circle; }
-		/* Alternately, if Values & Units Level 3 is supported, replace
-			 the above three lines with: */
-		ul { list-style-type: disc; }
-		ul ul { list-style-type: cycle(disc, square, circle); }
+		/* Default list style types for lists */
+		ol { list-style-type: decimal; }
+		ul { list-style-type: toggle(disc, circle, square); }
 
 		/* The type attribute on ol and ul elements */
-		ul[type="disc"] { list-style-type: disc; }
+		ul[type="disc"]   { list-style-type: disc;   }
 		ul[type="circle"] { list-style-type: circle; }
 		ul[type="square"] { list-style-type: square; }
-		ol[type="1"] { list-style-type: decimal; }
+		ol[type="1"] { list-style-type: decimal;     }
 		ol[type="a"] { list-style-type: lower-alpha; }
 		ol[type="A"] { list-style-type: upper-alpha; }
 		ol[type="i"] { list-style-type: lower-roman; }
@@ -1433,7 +1421,6 @@ Appendix A: Sample Style Sheet For HTML</h2>
 		/* The value attribute on li elements */
 		li[value] {
 			counter-set: list-item attr(value integer, 1);
-			counter-increment: none; /* Turn off default increase */
 		}
 
 		/* Handling reversed lists */
@@ -1448,20 +1435,12 @@ Appendix A: Sample Style Sheet For HTML</h2>
 		/* Box Model Rules */
 		ol, ul {
 			display: block;
-			margin: 1em 0;
-			marker-side: list-container;
-		}
-
-		ol:dir(ltr), ul:dir(ltr) {
-			padding-left: 40px;
-		}
-		ol:dir(rtl), ul:dir(rtl) {
-			padding-right: 40px;
+			margin-block: 1em;
+			marker-side: match-parent;
+			padding-inline-start: 40px;
 		}
-
 		ol ol, ol ul, ul ul, ul ol {
-			margin-top: 0;
-			margin-bottom: 0;
+			margin-block: 0;
 		}
 
 		li {
@@ -1474,7 +1453,6 @@ Appendix A: Sample Style Sheet For HTML</h2>
 		}
 	</pre>
 
-
 <h2 class="no-num" id="acknowledgments">
 Acknowledgments</h2>