Дорогой друг!

Справочник HTML переехал на новый сайт с коротким и простым адресом webref.ru. Там справочник регулярно обновляется и пополняется. Он актуальнее, лучше, полнее и содержит ряд интересных возможностей. На htmlbook.ru справочник HTML больше обновляться не будет и со временем закроется. Переходи на сайт webref.ru и пользуйся им на здоровье.

Атрибут 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 можно смещать содержимое ячейки влево или вправо относительно заданного символа. Так, charoff="3" означает, что браузер должен сместить содержимое ячейки на три символа вправо, а charoff="-3" — сместить на три символа влево.

Синтаксис

HTML
<table>
  <colgroup charoff="число">
  <tr>
   <td>...</td>
  </tr>
</table>
XHTML
<table>
  <colgroup charoff="число" />
  <tr>
   <td>...</td>
  </tr>
</table>

Значения

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

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

0

Пример

HTML 4.01IECrOpSaFx

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег COLGROUP, атрибут charoff</title>
 </head>
 <body> 
  <table width="450" cellpadding="2" cellspacing="0" border="1">
   <colgroup align="left">
   <colgroup span="3" align="char" char="," charoff="2">
   <tr> 
    <td>&nbsp;</td><td>Нефть</td><td>Золото</td><td>Дерево</td><td>Газ</td>
   </tr>
   <tr> 
    <td>2010</td><td>100,56</td><td>72,08</td><td>11,82</td><td>8</td>
   </tr>
   <tr>
    <td>2011</td><td>430,74</td><td>94,83</td><td>83,24</td><td>6</td>
   </tr>
   <tr>
    <td>2012</td><td>964,67</td><td>131,42</td><td>95,33</td><td>4</td>
   </tr>
   <tr>
    <td>2013</td><td>1201,11</td><td>182,07</td><td>108,18</td><td>2</td>
   </tr>
  </table>
 </body>
</html>

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