caption
Ограничения элемента <caption ><caption />:
Тег <caption ><caption /> должен использоваться непосредственно после открытия тега
<table > перед тегом
<tr />
caption - задает заголовок таблицы. Заголовок должен состоять только из текста. Использование блочных элементов в этом случае недопустимо.
Синтаксис:
<caption >Текст заголовка <caption />
Описание атрибутов:
1. атрибут text-align
Синтаксис:
caption { text-align:center | left | right }.
Использование этого атрибута позволяет определить положение текста относительно таблицы в которой используется <caption > <caption />, то есть прижать текст в лево, вправо или расположить по центру.
Использование caption
1. С использовением атрибута text-align:left
Синтаксис:
<style type="text/css">
caption { text-align:left;}
</style>
<table>
<caption>
Заголовок таблицы</caption>
<tr>
<td>
Левая колонка.</td>
<td>
Правая колонка.</td>
</tr>
</table>
Результат:
Заголовок таблицы
| Левая колонка. |
Правая колонка. |
2. С использовением атрибута text-align:right
Синтаксис:
<style type="text/css">
caption { text-align:right;}
</style>
<table>
<caption>
Заголовок таблицы</caption>
<tr>
<td>
Левая колонка.</td>
<td>
Правая колонка.</td>
</tr>
</table>
Результат:
Заголовок таблицы
| Левая колонка. |
Правая колонка. |
2. С использовением атрибута text-align:center
Синтаксис:
<style type="text/css">
caption { text-align:center;}
</style>
<table>
<caption>
Заголовок таблицы</caption>
<tr>
<td>
Левая колонка.</td>
<td>
Правая колонка.</td>
</tr>
</table>
Результат:
Заголовок таблицы
| Левая колонка. |
Правая колонка. |
Добавить комментарий
