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

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

Атрибут char


Internet Explorer Chrome Opera Safari Firefox Android iOS

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

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Атрибут char заставляет выравниваться содержимое колонки по заданному символу. Эта возможность может пригодиться для выравнивания колонки чисел по точке. Работает только в том случае, если значение атрибута align установлено как char.

Синтаксис

HTML
<table>
  <col char="символ">
  <tr>
   <td>...</td>
  </tr>
</table>
XHTML
<table>
  <col char="символ">
  <tr>
   <td>...</td>
  </tr>
</table>

Значения

В качестве значения указывается один символ, по которому будет происходить выравнивание.

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

Нет.

Пример

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>Тег COL, атрибут char</title>
 </head>
 <body> 
  <table width="450" cellpadding="2" cellspacing="0" border="1">
   <col align="left">
   <col span="3" align="char" char=",">
   <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, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.