text-transform-capitalize-035.html (1394B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>CSS Test: text-transform treatment of </title> 4 <link rel="author" href="https://florian.rivoal.net" title="Florian Rivoal"> 5 <link rel="help" href="https://drafts.csswg.org/css-text/#propdef-text-transform"> 6 <link rel="help" href="https://drafts.csswg.org/css-text/#text-transform-mapping"> 7 <link rel="match" href="text-transform-capitalize-035-ref.html"> 8 <style> 9 .test { 10 text-transform: capitalize; 11 } 12 /* The remaining styles make it easier to review, 13 but don't affect the behavior under test. 14 */ 15 .test { 16 text-decoration-color: orange; 17 } 18 span { 19 text-decoration: underline solid blue; 20 } 21 span + span::before { 22 content: "\a"; 23 white-space:pre; 24 } 25 div { 26 margin-top: 1em; 27 } 28 29 </style> 30 <p> 31 The test passes if, 32 in each pair of words below, 33 the same letters are upper or lower case. 34 35 <div lang=ca> 36 <span class=test>cancel·lar</span> 37 <span>Cancel·lar</span> 38 <div> 39 40 <div lang=sc> 41 <span class=test>agiuda·nos</span> 42 <span>Agiuda·nos</span> 43 <div> 44 45 <div lang=oc> 46 <span class=test>in·hèrn</span> 47 <span>In·hèrn</span> 48 <div> 49 50 <div lang=frp> 51 <span class=test>g·eografia</span> 52 <span>G·eografia</span> 53 <div> 54 55 <div lang=fr-gallo> 56 <span class=test>ag·rouée</span> 57 <span>Ag·rouée</span> 58 <div> 59 60 <div lang=fr> 61 <span class=test>un·e député·e</span> 62 <span>Un·e Député·e</span> 63 <div>