ua-style-sheet-checkbox-radio-1-ref.html (1224B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>Test for logical properties of checkbox and radio button in the UA stylesheet</title> 4 <style> 5 .v-rl { writing-mode: vertical-rl; } 6 .ltr, .rtl, .v-rl { border: 1px solid blue; } 7 8 .ltr input[type="radio"] { 9 margin: 3px 3px 0px 5px; 10 } 11 .rtl input[type="radio"] { 12 margin: 3px 5px 0px 3px; 13 } 14 .v-rl input[type="radio"] { 15 margin: 5px 3px 3px 0px; 16 } 17 18 .ltr input[type="checkbox"] { 19 margin: 3px 3px 3px 4px; 20 } 21 .rtl input[type="checkbox"] { 22 margin: 3px 4px 3px 3px; 23 } 24 .v-rl input[type="checkbox"] { 25 margin: 4px 3px 3px 3px; 26 } 27 28 </style> 29 <div class=ltr> 30 <input type=radio checked>radio 1</input><br> 31 <input type=radio>radio 2</input><br> 32 <input type=checkbox checked>checkbox 1</input><br> 33 <input type=checkbox>checkbox 2</input><br> 34 </div> 35 36 <div class=rtl dir=rtl> 37 <input type=radio checked>radio 1</input><br> 38 <input type=radio>radio 2</input><br> 39 <input type=checkbox checked>checkbox 1</input><br> 40 <input type=checkbox>checkbox 2</input><br> 41 </div> 42 43 <div class=v-rl> 44 <input type=radio checked>radio 1</input><br> 45 <input type=radio>radio 2</input><br> 46 <input type=checkbox checked>checkbox 1</input><br> 47 <input type=checkbox>checkbox 2</input><br> 48 </div>