table-row-direction.html (795B)
1 <!DOCTYPE html> 2 <link rel="match" href="table-row-direction-ref.html"> 3 <title>Table row direction</title> 4 5 <style> 6 table { 7 border-collapse: collapse; 8 } 9 10 td { 11 border: 2px solid black; 12 width: 20px; 13 height: 20px; 14 } 15 16 td.special { 17 border-left: 5px solid green; 18 border-right: 5px solid blue; 19 } 20 </style> 21 22 Normal table with LTR and RTL rows: 23 <table> 24 <tr style="direction: ltr"> 25 <td></td> 26 <td class="special"></td> 27 </tr> 28 <tr style="direction: rtl"> 29 <td></td> 30 <td class="special"></td> 31 </tr> 32 </table> 33 34 <hr> 35 36 RTL table with LTR and RTL rows: 37 <table style="direction: rtl"> 38 <tr style="direction: ltr"> 39 <td></td> 40 <td class="special"></td> 41 </tr> 42 <tr style="direction: rtl"> 43 <td></td> 44 <td class="special"></td> 45 </tr> 46 </table>