html тег <colgroup> атрибут align

Атрибут align тега <colgroup> задає вирівнювання вмісту групи колонок по горизонталі. Цей атрибут діє на всі комірки в колонці, в тому числі і на заголовки таблиці, які визначаються елементом <th>. Щоб керувати вирівнюванням вмісту окремих колонок або комірок скористайтеся стилями або атрибутом align для тегів <th> та <td>.

правити

+ додати пораду чи нотатку

Синтаксис

<colgroup align="left|right|center|justify|char">

Атрибут align може отримувати 5 значень:

left

Вирівнювання по лівому краю.

автор: NagarD

правити

right

Вирівнювання по правому краю.

автор: NagarD

правити

center

Вирівнювання по центру.

автор: NagarD

правити

justify

Вирівнювання по ширині (одночасно по правому і лівому краю).

автор: NagarD

правити

char

Вирівнювання по символу

автор: NagarD

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	0	0	0	0	0

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

<p>З атрибутом (сучасні браузери ігнорують):</p>
<table>
    <colgroup span="2" align="left"></colgroup>
    <colgroup align="right"></colgroup>
    <tr><th>ISBN</th><th>Назва</th><th>Ціна</th></tr>
    <tr><td>3476896</td><td>Мій перший HTML</td><td>53 грн</td></tr>
</table>
<p>Сучасний спосіб — CSS:</p>
<table>
    <tr><th>ISBN</th><th>Назва</th><th class="r">Ціна</th></tr>
    <tr><td>3476896</td><td>Мій перший HTML</td><td class="r">53 грн</td></tr>
</table>

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 12px;
}

td, th {
    border: 1px solid #0172ad;
    padding: 4px 8px;
}

.r {
    text-align: right;
}