html тег <tfoot> атрибут char
Атрибут char HTML тега <tfoot> не підтримуються в HTML5.
Атрибут char вказує вирівнювання вмісту всередині елемента <tfoot> по символу.
Ця можливість може стати в нагоді для вирівнювання колонки чисел по точці або комі.
Атрибут char може бути використаний тільки в разі, якщо атрибут align встановлений в положення "char".
Без задання значення атрибуту char - це десяткововий дріб поточного мови.
автор: NagarD
Синтаксис
<tfoot char="character">
Атрибут char може отримувати єдине значення:
-
character -
Визначає символ для вирівнювання вмісту.
автор: NagarD
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
| 0 | 0 | 0 | 0 | 0 |
Мобільних переглядачів ще не додано.
Приклади
+ запропонувати свій приклад у пісочниці
align="char" разом із char="." на секції tfoot мав вирівнювати числа по десятковій крапці. Жоден великий браузер цього так і не реалізував — верхня таблиця виглядає звичайно. Нижня показує задуманий результат засобами CSS: у сучасному коді роби саме так.
HTML
<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=".">
<tr><td>Разом</td><td>1257.75</td></tr>
</tfoot>
</table>
CSS
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;
}
Різниця між HTML 4.01 та HTML5
Атрибут char тега <tfoot> більше не підртимується в HTML5.
Різниця між XHTML та HTML
Коментарі
Коментарів ще немає — будьте першим!