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

Свойство

Описание

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;}