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

9 червня 2022 р.131

Зміст

Задає вирівнювання вмісту колонок по горизонталі. Цей атрибут діє на всі осередки в колонці, у тому числі і на заголовки таблиці, які визначаються елементом <th>. Щоб керувати вирівнюванням вмісту окремих колонок або осередків, скористайтеся стилями. field-type-text-long field-label-above">

Синтаксис

<col align="left | центр | right | justify">

Значення

left: Вирівнювання контенту по лівому краю.
center: Вирівнювання по центру.
right: Вирівнювання по правому краю.
justify: Вирівнювання шириною.

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

left

Приклад

<!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, атрибут align</title>
</head>
<body> <table border="1" width="400"> <col align="left"> <col span="3" width="50" align="center"> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td>
</tr>
</table>
</body>
</html>

Примітка

Для зміни вирівнювання вмісту колонок скористайтесь псевдокласом :nth-child та властивістю text-align, додаючи їх до селектора td.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Вирівнювання в колонках</title> <style> table { width: 100%; /* Ширина таблиці */
} 
td { border: 1px solid black; /* Рамка навколо осередків */
} 
td:nth-child(1) { text-align: left; /* Вирівнювання по лівому краю */
} 
td:nth-child(2) { text-align: center; /* Вирівнювання по центру */
}
</style>
</head>
<body> <table> <tr> <td> ...
</td> <td> ...
</td>
</tr>
</table>
</body>
</html>

Браузери


4	8			7	15

Браузери

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

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

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