Атрибут charoff

Влад Мержевич

Internet Explorer Chrome Opera Safari Firefox Android iOS

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Если атрибут align установлен как char, а для атрибута char в качестве значения задан символ, то с помощью атрибута charoff можно смещать содержимое ячеек внутри <thead> влево или вправо относительно заданного символа. Так, charoff="3" означает, что браузер должен сместить содержимое ячейки на три символа вправо, а charoff="-3" — сместить на три символа влево.

Синтаксис

<table>
 <thead charoff="число">
  <tr>
   <td> ... </td>
  </tr>
 </thead>
 <tfoot> ... </tfoot>
 <tbody> ... </tbody>
</table>

Значения

Любое целое положительное или отрицательное число.

Значение по умолчанию

0

Пример

XHTML 1.1IECrOpSaFx

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Тег THEAD, атрибут charoff</title>
 </head>
 <body>
  <table cellspacing="0" cellpadding="5" width="300">
   <thead align="char" char="м" charoff="-2">
    <tr>
     <td>Год</td><td>Население, млн</td>
    </tr>
   </thead>
   <tbody align="char" char=",">
    <tr>
     <td>1897</td><td>67,5 млн</td>
    </tr>
    <tr>
     <td>1914</td><td>89,9 млн</td>
    </tr>
    <tr>
     <td>1917</td><td>91,0 млн</td>
    </tr>
    <tr>
     <td>1926</td><td>92,7 млн</td>
    </tr>
    <tr>
     <td>1939</td><td>108,4 млн</td>
    </tr>
    <tr>
     <td>1959</td><td>117,2 млн</td>
    </tr>
    <tr>
     <td>1970</td><td>129,9 млн</td>
    </tr>
    <tr>
     <td>1979</td><td>137,4 млн</td>
    </tr>
    <tr>
     <td>1989</td><td>147,0 млн</td>
    </tr>
    <tr>
     <td>1996</td><td>148,3 млн</td>
    </tr>
    <tr>
     <td>2002</td><td>145,6 млн</td>
    </tr>
    <tr>
     <td>2006</td><td>142,8 млн</td>
    </tr>
    <tr>
     <td>2007</td><td>142,2 млн</td>
    </tr>
    <tr>
     <td>2008</td><td>142,0 млн</td>
    </tr>
    <tr>
     <td>2009</td><td>141,9 млн</td>
    </tr>
    <tr>
     <td>2010</td><td>141,93 млн</td>
    </tr>
   </tbody>
  </table>
 </body>
</html>

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.