Свойства таблиц

Свойство

Характеристика свойства

border-collapse

separate|collapse; separate разделяет границу таблицы и границы ее ячеек (по умолчанию), collapse - объединяет их

border-spacing

Задает расстояние между границами ячеек в таблице: значение 1 [значение 2]. Одно значение устанавливает одновременно рас­стояние по вертикали и горизонтали между границами ячеек. Если значений два, то первое определяет горизонтальное рас­стояние, а второе – вертикальное

caption-side

Определяет положение заголовка таблицы, который задается с помощью тега <caption> относительно самой таблицы: top | bottom.top – располагает заголовок по верхнему краю таблицы;

bottom – заголовок располагается под таблицей;

right – заголовок размещается справа от таблицы; left – заголовок размещается слева от таблицы

empty-cells

Задает отображение границ и фона в ячейке, если она пустая. При одновременном добавлении к таблице свойства border-collapse со значением collapse свойство empty-cells игнорируется; empty-cells: show | hide. show – отображает границу вокруг ячейки и фон в ней.

hide – граница и фон в пустых ячейках не отображается. Если все ячейки в строке пустые, то строка прячется целиком

table-layout

Определяет, как браузер должен вычислять ширину ячеек таб­лицы: auto | fixed | inherit:auto – браузер загружает таблицу, ана­лизирует ее для определения размеров ячеек и отображает; fixed – ширина колонок определяется либо с помощью тега <col>, либо вычисляется на основе первой строки; inherit – наследует значение родителя

Псевдокласс

Характеристики псевдоклассов

:active

Применяется к активным гиперссылкам, пример: a:active {color: lime;}

:first-child

Применяет стилевое оформление к первому дочернему элементу, пример: элемент:first-child { ... }

:focus

определяет стиль элемента, получающего фокус. Например, им может быть текстовое поле формы, элемент:focus { ... }

:hover

Применяется к гиперссылкам, над которыми пользователь помещает курсор мыши, пример:a:hover {color: lime; text-decoration: none;}

:lang

Определяет язык, который используется в документе или его фрагменте. элемент:lang(<язык>) { ... } В качестве языка могут выступать следующие: ru – русский; en – английский ; de – немецкий

:link

Применяется к не посещенным еще гиперссылкам: link {Определение стиля}, пример:a:link {color: black;}

:visited

Применяется к посещенным ссылкам, пример:a:link {color: indigo;}