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

Атрибут charoff HTML тега <colgroup> зміщує вміст групи колонок вліво або вправо щодо заданого символу.

Це працює, коли атрибут align встановлено як char, а для атрибута char в якості значення заданий символ.

Так, charoff = "3" означає, що браузер повинен змістити вміст комірки на три символи вправо, а charoff = "- 3" - змістити на три символу вліво.

правити

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

Синтаксис

<colgroup charoff="number">

Атрибут charoff може отримувати єдине значення:

number

Визначає зміщення. Позитивне число вказує зміщення праворуч. Негативні числа задає зміщення ліворуч.

автор: NagarD

правити

Переглядачі

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

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

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

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

Приклади

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

<p>З атрибутом на colgroup (браузери його ігнорують):</p>
<table>
    <colgroup></colgroup>
    <colgroup align="char" char="." charoff="2"></colgroup>
    <tr><th>Місяць</th><th>Витрати</th></tr>
    <tr><td>Січень</td><td>1250.50</td></tr>
    <tr><td>Лютий</td><td>7.25</td></tr>
</table>
<p>Задуманий вигляд — симуляція засобами CSS:</p>
<table class="sim">
    <tr><th>Місяць</th><th>Витрати</th></tr>
    <tr><td>Січень</td><td>1250.50</td></tr>
    <tr><td>Лютий</td><td>7.25</td></tr>
</table>

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

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

/* симуляція вирівнювання по крапці: числа з однаковою
   кількістю знаків після крапки + вирівнювання праворуч */
.sim td:last-child {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* симуляція charoff="2": точка вирівнювання за 2 символи від краю */
.sim td:last-child {
    padding-right: calc(8px + 2ch);
}