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

Якщо атрибут align встановлено як char, а для атрибута char в якості значення заданий символ, то за допомогою атрибута charoff можна зміщувати вміст комірок вліво або вправо щодо заданого символу.

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

правити

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

Синтаксис

<tfoot charoff="number">

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

number

Визначає зміщення.

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

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

автор: NagarD

правити

Переглядачі

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

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

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

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

Приклади

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

<p>З атрибутом на tfoot (браузери його ігнорують):</p>
<table>
    <thead>
        <tr><th>Місяць</th><th>Витрати</th></tr>
    </thead>
    <tbody>
        <tr><td>Січень</td><td>1250.50</td></tr>
        <tr><td>Лютий</td><td>7.25</td></tr>
    </tbody>
    <tfoot align="char" char="." charoff="2">
        <tr><td>Разом</td><td>1257.75</td></tr>
    </tfoot>
</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);
}