caption css

Тег <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>

Результат:

Заголовок таблицы
Левая колонка.	Правая колонка.

Стили css - cssmake.ru

caption

Добавить комментарий

Последние комментарии