17.5.4 Горизонтальное выравнивание в столбце

Горизонтальное выравнивание содержимого ячейки внутри блока ячейки задается свойством 'text-align'.

Если свойство 'text-align' имеет значение <string> для нескольких ячеек в столбце, содержимое эти ячеек выравнивается относительно вертикальной оси. Начало строки соприкасается с этой осью. Расположение строки слева или справа относительно оси определяется направленностью текста.

Выравнивание текста подобным образом имеет смысл, только если текст вмещается в одну строку. Если содержимое ячейки занимает несколько строк, результат такого выравнивания не определен.

Если значением свойства 'text-align' для ячейки таблицы является строка, но этой строки нет в содержимом ячейки, конец содержимого ячейки соприкасается с вертикальной осью выравнивания.

Обратите внимание, что эти строки не должны быть одинаковыми для всех ячеек, хотя обычно они одинаковы.

В CSS не указывается способ указания отступа оси вертикального выравнивания относительно края блока столбца.

Пример(ы):

Согласно следующей таблице стилей:

TD { text-align: "." }

TD:before { content: "$" }

цифры, обозначающие доллары, в следующей таблице HTML:

<TABLE>

<COL width="40">

<TR> <TH>Плата за междугородние звонки

<TR> <TD> 1.30

<TR> <TD> 2.50

<TR> <TD> 10.80

<TR> <TD> 111.01

<TR> <TD> 85.

<TR> <TD> 90

<TR> <TD> .05

<TR> <TD> .06

</TABLE>

будут выровнены относительно десятичной точки. Для вставки значка доллара перед каждой цифрой используется псевдоэлемент :before . Таблица может быть представлена следующим образом:

Плата за междугородние звонки

$1.30

$2.50

$10.80

$111.01

$85.

$90

$.05

$.06

17.5.5 Динамические эффекты строк и столбцов

Свойство 'visibility' для элементов строк, групп строк, столбцов и групп столбцов может принимать значение 'collapse'. В результате вся строка или весь столбец не будет отображаться, и место, которое бы он занимал, будет доступно для размещения содержания. Такое действие не оказывает на представление таблицы другого влияния. Это позволяет динамически удалять строки или столбцы, не меняя расположения таблицы с учетом возможного изменения ограничений столбцов.

17.6 Границы

Для установки границ ячеек таблицы в CSS используются две модели. Первая модель больше всего подходит для так называемых отдельных границ вокруг определенных ячеек, другая применяется к границам, проходящим от одного края таблицы до другого. Любая из этих моделей позволяет создать множество различных стилей границ, поэтому выбор модели определяется исключительно вкусом создателя таблицы.

'border-collapse'

Значение:	collapse | separate | inherit
Начальное значение:	collapse
Область применения:	элементы 'table' и 'inline-table'
Наследование:	да
Процентные значения:	N/A
Устройства:	визуальные

Это свойство позволяет выбрать модель границ таблицы. Значение 'separate' означает модель с отдельными границами. Значение 'collapse' задает модель с пересекающимися границами. Эти модели описаны ниже.