Свойства списков

Свойство

Описание

list-style

Задает параметры маркера или номера позиции списка.

list-style: [{list-style-image}] [{list-style-position}] [{list-style-type}];

Значение по умолчанию disk outside none.

list-style-type

Задает тип маркера или номер позиции списка: disc|circle|square|decimal|lower|roman|upper-roman|lower-alpha|upper-alpha|none; disc – (по умолчанию) отображает сплошной кружок; circle – окружность; square – сплошной квадрат; decimal – нумерует арабскими цифрами; lower-roman – малыми римскими; upper-roman – большими римскими; lower-alpha –малыми латинскими буквами; upper-alpha – большими латинскими; none – убирает маркер или нумерацию.

list-style-image

Задает графическое изображение, отображаемое в качестве маркера позиции списка. Имеет приоритет над атрибутом list-style-type.

: none|url({Интернет-адрес файла изображения});

Если задано предопределенное значение none, то стиль маркера берется из установок атрибута list-style-type, если он задан, или отображается маркер по умолчанию. Если задан интернет-адрес файла изображения, то оно отображается в качестве маркера, перекрывая установки атрибута list-style-type.

list-style-position

Задает местонахождение маркера позиции списка: в тексте позиции или вне: outside|inside; Значение outside (по умолчанию) задает отображение маркера позиции списка вне текста позиции. Значение inside заставляет Web-браузер отобразить маркер позиции в ее тексте в качестве первого символа.

Свойство

Описание

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 – наследует значение родителя.