list-style-type-lower-greek-001

list-style-type - lower-greek

WeasyPrint

This browser

Assertion
Setting list-style-type to lower-greek will cause list numbering to format numbers in the way described in the CSS3 Lists module.

Source

  1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2 <html>
  3 <head>
  4 <title>CSS Test: list-style-type - lower-greek</title>
  5 <link rel="author" title="Richard Ishida" href="http://rishida.net">
  6 <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
  7 <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style">
  8 <link rel="alternate" href="http://www.w3.org/International/tests/tests-html-css/tests-list-style-type/generate?test=9">
  9 <meta name="flags" content="">
 10 <meta name="assert" content="Setting list-style-type to lower-greek will cause list numbering to format numbers in the way described in the CSS3 Lists module.">
 11 <style type="text/css">
 12 ol { list-style-type: lower-greek; }
 13 
 14 /* the CSS below is not part of the test */
 15 .test { font-size: 24px; font-family: sans-serif; }
 16 ol { margin: 0; padding-left: 8em; }
 17 .alt { color: #ff6633; margin-left: 40px;}
 18 
 19 </style>
 20 </head>
 21 <body>
 22 <p class="instructions">Test passes if the numbering in the two columns is the same.</p>
 23 
 24 
 25 <div class="test"> 
 26 			<ol class="lower-greek">
 27 				<li> α</li>
 28 				<li>β 
 29 					<ol class="lower-greek">
 30 						<li> α</li>
 31 						<li> β</li>
 32 
 33 						<li> γ</li>
 34 					</ol>
 35 				</li>
 36 				<li>γ</li>
 37 				<li>δ</li>
 38 				<li>ε</li>
 39 
 40 				<li>ζ</li>
 41 				<li>η</li>
 42 				<li>θ</li>
 43 				<li>ι</li>
 44 				<li>κ</li>
 45 				<li>λ</li>
 46 
 47 				<li>μ</li>
 48 				<li>ν</li>
 49 				<li>ξ</li>
 50 				<li>ο</li>
 51 				<li>π</li>
 52 				<li>ρ</li>
 53 
 54 				<li>σ</li>
 55 				<li>τ</li>
 56 				<li>υ</li>
 57 				<li>φ</li>
 58 				<li>χ</li>
 59 				<li>ψ</li>
 60 
 61 				<li>ω</li>
 62 				<li> αα</li>
 63 				<li> αβ</li>
 64 				<li> αγ</li>
 65 				<li> αδ</li>
 66 
 67 			</ol>
 68 			<ol class="lower-greek" start="48">
 69 				<li> αω</li>
 70 				<li>βα</li>
 71 				<li>ββ</li>
 72 			</ol>
 73 			<ol class="lower-greek" start="599">
 74 
 75 				<li> ωψ</li>
 76 				<li> ωω</li>
 77 				<li>ααα</li>
 78 				<li>ααβ</li>
 79 				<li>ααγ</li>
 80 
 81 			</ol>
 82 			<ol class="lower-greek" start="1400">
 83 				<li>βκθ</li>
 84 				<li>βκι</li>
 85 				<li>βκκ</li>
 86 				<li>βκλ</li>
 87 			</ol>
 88 
 89 			<ol class="lower-greek" start="15000">
 90 				<li> ααωω</li>
 91 				<li>αβαα</li>
 92 				<li>αβαβ</li>
 93 				<li>αβαγ</li>
 94 			</ol>
 95 		</div>
 96 
 97 
 98 <!--p class="notes">Notes: <br /><a href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type">CSS2.1</a> CR specifies a <span class="kw">lower-greek</span> value for the list-style-type property, but does not specify in any detail the mechanism for implementing it. Expectations for behavior in these tests are based on the rules specified in the version of <a href="http://www.w3.org/TR/css3-lists/#lower-greek">CSS3 Lists module</a> current at the time this test was last updated.</p><p class="notes">The test uses the start attribute to reduce the size of the list.  This attribute is deprecated or unavailable in some formats, causing the test page not to validate, but appears to be supported in major browsers anyway (and will be reinstated in HTML5).</p-->
 99 </body>
100 </html>