Атрибут align до HTML тега <caption>

9 червня 2022 р.150

Зміст

Атрибут align визначає вирівнювання заголовка щодо таблиці. Результат його дії залежить від використовуваного браузера та встановленого значення.

Даний атрибут застарів, замість нього використовуйте стилі. syntax field-type-text-long field-label-above">

Синтаксис

<caption align="left | right | top | bottom">...</caption>

Значення

left: У Firefox заголовок розташований ліворуч від таблиці. Інші браузери ігнорують це значення.
right: У Firefox заголовок розташований праворуч від таблиці. Інші браузери ігнорують це значення.
top: Заголовок розміщується перед таблицею по її центру. центру.

Значення за замовчуванням

top

Приклад

<!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>CAPTION, атрибут align</title>
</head>
<body> <table width="100%" border="1" cellspacing="1" cellpadding="4"> <caption align="bottom">Приклад таблиці</caption> <tr> <th>#</th> <th>Чебурашка</th> <th>Крокодил Гена</th> <th>Шапокляк</th>
</tr> <tr> <td>1</td><td>FXD</td> <td>URN</td><td>LWK</td>
</tr>
</table>
</body>
</html>

Результат цього прикладу показаний на рис. 1.

Розміщення заголовка під таблицею

Мал. 1. Розміщення заголовка під таблицею

Примітка

Для вирівнювання заголовка по горизонталі використовуйте стильове властивість text-align. Щоб встановити положення заголовка до або після таблиці, скористайтеся властивістю caption-side.

caption {text-align: center; /* Вирівнювання по центру */
caption-side: bottom; /* Заголовок знизу таблиці */
}

Браузери


3	12	1	7	1	1


1	1	6	1

Браузери

У таблиці браузерів застосовуються такі позначення.

— елемент повністю підтримується браузером;
— елемент браузером не сприймається та ігнорується;
— при роботі можлива поява різних помилок , або елемент підтримується із застереженнями.

Число вказує версію браузреа, починаючи з якої елемент підтримується.