list-style-020-ref.xht (1748B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Reftest Reference</title> 5 <link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> 6 <style type="text/css"> 7 /* For better readability */ 8 .li { 9 font-size: 1.5em; 10 color: blue; 11 } 12 span { 13 color: black; 14 font-size: 0.67em; 15 vertical-align: middle; 16 padding-left: 0.2em; 17 } 18 19 .li { 20 display: list-item; 21 margin: 0.2em 0 0.2em 4em; 22 border-left: solid thin orange; 23 } 24 25 .one { 26 list-style-type: none; 27 list-style-image: none; 28 list-style-position: outside; 29 } 30 .two { 31 list-style-type: none; 32 list-style-image: none; 33 list-style-position: outside; 34 } 35 .three { 36 list-style-type: square; 37 list-style-image: none; 38 list-style-position: outside; 39 } 40 .four { 41 list-style-type: square; 42 list-style-image: none; 43 list-style-position: outside; 44 } 45 .five { 46 list-style-type: none; 47 list-style-image: url(support/diamond.png); 48 list-style-position: outside; 49 } 50 .six { 51 list-style-type: none; 52 list-style-image: url(support/diamond.png); 53 list-style-position: outside; 54 } 55 .seven { 56 list-style-type: disc; 57 list-style-image: none; 58 list-style-position: outside; 59 } 60 </style> 61 </head> 62 <body> 63 <p>Test passes if each word on the right of the orange line 64 describes the shape on the left.</p> 65 66 <div class="li one"><span>(nothing)</span></div> 67 <div class="li two"><span>(nothing)</span></div> 68 <div class="li three"><span>blue square</span></div> 69 <div class="li four"><span>blue square</span></div> 70 <div class="li five"><span>purple diamond</span></div> 71 <div class="li six"><span>purple diamond</span></div> 72 <div class="li seven"><span>blue circle</span></div> 73 </body> 74 </html>