HTML Атрибут <caption> align

Пример

Таблица с расположенным элементом заголовка:

<p>align="left":</p>
<table border="1">
  <caption align="left">Месячная экономия</caption>
  <tr>
    <th>Месяц</th>
    <th>Экономия</th>
  </tr>
  <tr>
    <td>Январь</td>
    <td>$100</td>
  </tr>
</table>

<p>align="right":</p>
<table border="1">
  <caption align="right">Месячная экономия</caption>
  <tr>
    <th>Месяц</th>
    <th>Экономия</th>
  </tr>
  <tr>
    <td>Январь</td>
    <td>$100</td>
  </tr>
</table>

<p>align="top":</p>
<table border="1">
  <caption align="top">Месячная экономия</caption>
  <tr>
    <th>Месяц</th>
    <th>Экономия</th>
  </tr>
  <tr>
    <td>Январь</td>
    <td>$100</td>
  </tr>
</table>

<p>align="bottom":</p>
<table border="1">
  <caption align="bottom">Месячная экономия</caption>
  <tr>
    <th>Месяц</th>
    <th>Экономия</th>
  </tr>
  <tr>
    <td>Январь</td>
    <td>$100</td>
  </tr>
</table>

Результат выполнения кода выше:

Попробуйте сами

Примечания совместимости

Атрибут align элемента <caption> является устаревшим, и не поддерживается в HTML 4.01 Strict / XHTML 1.0 Strict DTD.

Устаревшие элементы могут стать устаревшими в будущем, но браузеры продолжают поддерживать устаревшие элементы для обеспечения обратной совместимости.

Синтакс CSS: <caption style="caption-side:left;">

Примечание: Свойство CSS выравнивания по сторонам недостаточно хорошо поддерживается в основных браузерах!

Пример CSS: выравнивание заголовка в таблице

В нашем учебнике CSS вы можете найти более подробную информацию о свойстве caption-side.

Определение и использование

Атрибут align определяет выравнивание элемента заголовка.

Этот атрибут выравнивает заголовок в виде блока слева, справа, вверху или внизу таблицы.

Поддержка браузеров

Атрибут align надлежаще не поддерживается не одним из основных браузеров, за исключением Firefox.

Примечание: Значения "top" и "bottom" поддерживаются во всех браузерах выше. Значения "left" и "right" не поддерживаются вовсе в Chrome, Safari и в Internet Explorer, а в Opera только выравнивается текст внутри надписи (не весь элемент заголовка).

Синтаксис

<caption align="value">

Значения атрибута

Значение	Описание
left	Заголовок находится в левой части таблицы
right	Заголовок находится в правой части таблицы
top	Заголовок находится выше таблицы (значение по умолчанию)
bottom	Заголовок находится ниже таблицы

HTML тег <caption>

Была ли эта информация полезной?

Да Нет