Атрибут valign тега <col> — вирівнювання вмісту колонки

Атрибут valign тега <col> встановлює вертикальне вирівнювання вмісту комірок в контейнері <<font face="monospace">col</font>>.

Без задання контент комірки розташовується по її вертикалі в центрі.

правити

Загальний опис

правити

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

Синтаксис

<col valign="top|middle|bottom|baseline">

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

top

Вирівнювання вмісту комірок по верхньому краю рядка.

автор: с3с

правити

middle

Вирівнювання по середині.

автор: с3с

правити

bottom

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

автор: с3с

правити

baseline

Вирівнювання по базовій лінії, при цьому відбувається прив'язка вмісту комірок рядка до однієї лінії.

автор: с3с

правити

Переглядачі

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

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

Переглядач
	1	1	3	15	12	≤11

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

Переглядач
	4.4	18	4	2

Приклади

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

<p>Атрибут <code>valign</code> у <code>&lt;col&gt;</code> застарілий: переглядачі його не застосовують. У лівої колонки він є — і це нічого не змінює.</p>

<table>
  <colgroup>
    <col valign="top">
    <col>
  </colgroup>
  <tr>
    <td>Samsung S8</td>
    <td>Lenovo G560</td>
  </tr>
</table>

<p>Те саме вирівнювання, задане комірці через CSS <code>vertical-align</code> — так це працює сьогодні.</p>

<table class="css">
  <tr>
    <td>Samsung S8</td>
    <td>Lenovo G560</td>
  </tr>
</table>

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

td {
  width: 12em;
  height: 6em;
  padding: 8px;
  border: 1px solid #99aaaa;
  vertical-align: middle;
}

.css td:first-child {
  vertical-align: top;
}