html тег <tr> атрибут char

Атрибут char змушує вирівнюватися комірки всередині <tr> по заданому символу.

Ця можливість може стати в нагоді для вирівнювання чисел у комірках по точці або комі.

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

правити

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

Синтаксис

<tr char="character">

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

character

Визначає символ для вирівнювання вмісту в рядку

автор: NagarD

правити

Переглядачі

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

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

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

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

Приклади

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

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