marker-text-align-001-ref.html (1240B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Reference: ::marker pseudo elements styled with 'text-align' property</title> 4 <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> 5 <style> 6 li { 7 /* Should not be inherited by ::marker */ 8 text-align: end; 9 text-align-all: end; 10 text-align-last: end; 11 } 12 ::marker { 13 /* Should have no effect */ 14 text-align: end; 15 text-align-all: end; 16 text-align-last: end; 17 } 18 li > div { 19 text-align: initial; 20 text-align-all: initial; 21 text-align-last: initial; 22 } 23 ol { 24 padding-left: 13ch; 25 } 26 li { 27 line-height: 16px; 28 height: 32px; 29 white-space: pre; 30 } 31 .disc { 32 list-style-type: disc; 33 } 34 .decimal { 35 list-style-type: decimal; 36 } 37 .string { 38 list-style-type: "[m]\a longtext"; 39 } 40 .content::marker { 41 content: "[m]\a longtext"; 42 } 43 .rtl-marker ::marker { 44 direction: rtl; 45 } 46 </style> 47 <ol> 48 <li class="disc"><div>disc</div></li> 49 <li class="decimal"><div>decimal</div></li> 50 <li class="string"><div>string</div></li> 51 <li class="content"><div>content</div></li> 52 </ol> 53 <ol class="rtl-marker"> 54 <li class="disc"><div>disc</div></li> 55 <li class="decimal"><div>decimal</div></li> 56 <li class="string"><div>string</div></li> 57 <li class="content"><div>content</div></li> 58 </ol>