Таблицы

В CSS2, появилась возможность, определяют стиль, промежутки и структуру таблиц.

86. свойство caption-side позволяет определить положение подписи таблицы по отношению к самой таблице. Свойство может принимать значения:

• top – расположение подписи сверху таблицы (по умолчанию).
• right - расположение подписи справа от таблицы.
• bottom - расположение подписи снизу таблицы.
• left - расположение подписи слева от таблицы.

Пример использования: table {caption-side: top}

87. Общий вид таблицы позволяет определить свойство table-layout, которое может принимать следующие значения:

• auto - общий вид таблицы определяется браузером (по умолчанию).
• fixed - фиксированный вид и размеры таблицы.

Пример использования: table {table-layout: fixed}

88. Границы таблицы задаются при помощи свойства border-collapse, которое может принимать следующие параметры:

• collapse - смежные границы табличных ячеек превращаются в одну общую
• separate – раздельные смежные границы

Пример использования: table {border-collapse: separate}

89. Интервалы между границами таблицы задаются при помощи свойства border-spacing.

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

• 1 значение - числовое, соответствующее стандартам значение, определяет расстояние по горизонтали между границами табличных ячеек.
• 2 значение - числовое, соответствующее стандартам значение, определяет расстояние по вертикали между границами табличных ячеек.

Пример использования: table {border-spacing: 4px}

90. Свойство empty-cells определяет способ отображения на экране пустых ячеек таблицы. Данное свойство может принимать следующие значения:

• show - границы пустых ячеек видны (по умолчанию).
• hide - границы пустых ячеек скрыты.

Пример использования: table {empty-cells: show}

91. значение speak-header позволяет определить то, каким образорм голосовой браузер будет воспроизводить заголовки таблиц. Данное свойство может принимать следующие параметры:

• once - заголовок столбца произносится только один
• always -заголовок столбца произносится каждый раз при обращении к столбцу

Пример использования: table {speak-header: once}

92. Количество объединяемых столбцов задается при помощи свойства column-span, которое принимает в качестве значения любое целое число.

Пример использования: td {column-span: 3}

93. Число объединяемых строк задается при помощи свойства column-span, которое принимает в качестве значения любое целое число.

Пример использования: td {row-span: 3}