Таблицы

Обновлено: 20.01.2023

Таблицы

Свойства, изменяющие вид табличных данных.

  • border-collapse

    border-collapse

    Устанавливает, как отображать границы вокруг ячеек таблицы. Это свойство играет роль, когда для ячеек установлена рамка, тогда в месте стыка ячеек получится линия двойной толщины (рис. 1а). Значение collapse заставляет браузер анализировать подобные места в таблице и убирать в ней двойные линии (рис. 1б). При этом между ячейками остаётся только одна граница, одновременно принадлежащая обеим ячейкам. То же правило соблюдается и для внешних границ, когда вокруг самой таблицы добавляется рамка.

  • border-spacing

    border-spacing

    Задаёт расстояние между границами ячеек в таблице. border-spacing не работает в случае, когда для таблицы установлено свойство border-collapse со значением collapse.

  • caption-side

    caption-side

    Определяет положение заголовка таблицы, который задается с помощью элемента <caption>, относительно самой таблицы. Свойство caption-side выводит заголовок до или после таблицы, а выравнивание текста по правому или левому краю устанавливается через свойство text-align.

  • empty-cells

    empty-cells

    Задає відображення меж і фону в комірці, якщо вона порожня. У разі одночасного додавання до таблиці властивості border-collapse зі значенням collapse, властивість empty-cells ігнорується.

  • table-layout

    table-layout

    Определяет, как браузер должен вычислять ширину ячеек таблицы, основываясь на её содержимом.