White cat - Справочник по CSS
Значение по умолчанию medium.
Поддерживается IE и NN начиная с 4.0
border-right-width
Задает толщину правой границы элемента страницы.
border-right-width: medium|thin|thick|{Толщина};
Толщина может быть задана числовым значением. Также доступны три предопределенных значения: thin, medium, thick, рисующие тонкую, среднюю и толстую линию соответственно.
Значение по умолчанию medium.
Поддерживается IE и NN начиная с 4.0
border-top
Задает все свойства верхней границы элемента страницы за один прием.
Заменяет атрибуты border-top-color, border-top-style и border-top-width. Значения этих атрибутов могут располагаться в любом порядке.
border-top: [{border-top-color}] [{border-top-style}] [{border-top-width}];
Значение по умолчанию medium none.
Поддерживается IE начиная с 4.0
border-bottom
Задает все свойства нижней границы элемента страницы за один прием.
Заменяет атрибуты border-bottom-color, border-bottom-style и border-bottom-width. Значения этих атрибутов могут распологаться в любом порядке.
border-bottom: [{border-bottom-color}] [{border-bottom-style}] [{border-bottom-width}];
Значение по умолчанию medium none.
Поддерживается IE начиная с 4.0
border-left
Задает все свойства левой границы элемента страницы за один прием.
Заменяет атрибуты border-left-color, border-left-style и border-left-width. Значения этих атрибутов могут распологаться в любом порядке.
border-left: [{border-left-color}] [{border-left-style}] [{border-left-width}];
Значение по умолчанию medium none.
Поддерживается IE начиная с 4.0
border-right
Задает все свойства правой границы элемента страницы за один прием.
Заменяет атрибуты border-right-color, border-right-style и border-right-width. Значения этих атрибутов могут распологаться в любом порядке.
border-right: [{border-right-color}] [{border-right-style}] [{border-right-width}];
Значение по умолчанию medium none.
Поддерживается IE начиная с 4.0
border-collapse
Задает, будут ли границы ячеек и общая граница таблицы сливаться в одну или нет.
Применяется только для тега <TABLE>.
border-collapse: separate|collapse;
Поддерживается IE начиная с 5.0
Классификации
display
Определяет, как будет отображаться элемент.
display: inline|block|none|inline-block|list-item|table-header-group|table-footer-group;
Поддерживается IE и NN начиная с 4.0
position
Устанавливает, каким образом вычисляется положение элемента в плоскости экрана.
position: static|absolute|relative;
Поддерживается IE и NN начиная с 4.0
z-index
Задает порядок перекрытия свободно позиционированными объектами друг друга.
z-index: auto|{Порядок перекрытия}|;
Порядок перекрытия задается положительными или отрицательным целым числом. При этом элементы с большим значением этого атрибута будут перекрывать элементы с меньшим значением. Предопределенное значение auto задает порядок перекрытия по умолчанию, когда элементы, определенные в HTML-коде раньше, перекрываются заданными позже.
Значение по умолчанию auto.
Поддерживается IE и NN начиная с 4.0
visibility
Позволяет элементу быть видимым или невидимым на странице.
visibility: inherit|visible|hidden;
Поддерживается IE и NN начиная с 4.0
clip
Задает прямоугольный фрагмент элемента страницы, который будет видим.
clip: auto|rect({Верхняя граница} {Правая граница} {Нижняя граница} {Левая граница});
Предопределенное значение auto задает видимость всего элемента страницы. Оно же является значением по умолчанию. Для того чтобы ограничить видимую часть элемента страницы прямоугольным фрагментом, задаются четыре координаты границ этого прямоугольника, разделенные пробелами.
Поддерживается IE и NN начиная с 4.0
white-space
Задает, будут ли строки текста, содержащегося в элементе страницы, автоматически переноситься, если они не помещаются в нем по ширине.
white-space: normal|nowrap|pre;
Поддерживается IE начиная с 5.5 и NN начиная с 4.0
cursor
Определяет форму курсора мыши, которую он принимает при наведении на элемент страницы.
cursor: auto|crosshair|default|hand|move|*-resize|text|wait|help;
Поддерживается IE начиная с 4.0
list-style
Задает параметры маркера или номера позиции списка.
Заменяет атрибуты list-style-image, list-style-position и list-style-type.
Значения этих атрибутов могут располагаться в любом порядке.
list-style: [{list-style-image}] [{list-style-position}] [{list-style-type}];
Значение по умолчанию disk outside none.
Поддерживается IE начиная с 4.0
list-style-image
Задает графическое изображение, отображаемое в качестве маркера позиции списка. Имеет приоритет над атрибутом list-style-type.
list-style-image: none|url({Интернет-адрес файла изображения});
Если задано предопределенное значение none, то стиль маркера берется из установок атрибута list-style-type, если он задан, или отображается маркер по умолчанию. Если задан интернет-адрес файла изображения, то оно отображается в качестве маркера, перекрывая установки атрибута list-style-type.
Значение по умолчанию none.
Поддерживается IE начиная с 4.0
list-style-position
Задает местонахождение маркера позиции списка: в тексте позиции или вне его.
list-style-position: outside|inside;
Доступны два значения. Значение outside (по умолчанию) задает отображение маркера позиции списка вне текста позиции. Значение же inside заставляет Web-обозреватель отобразить маркер позиции в ее тексте в качестве первого символа.
Поддерживается IE начиная с 4.0
list-style-type
Задает тип маркера или номер позиции списка.
list-style-type: disc|circle|square|decimal|lower|roman|upper-roman|lower-alpha|upper-alpha|none;
Поддерживается IE и NN начиная с 4.0
Принтер
page-break-after
Устанавливает, будет ли после текущего элемента при печати Web-страницы производиться прогон листа.
page-break-after: auto|always|empty string;
Поддерживается IE начиная с 4.0
page-break-before
Устанавливает, будет ли перед текущего элемента при печати Web-страницы производиться прогон листа.
page-break-before: auto|always|empty string;
Поддерживается IE начиная с 4.0
Псевдостили гиперссылок
Псевдостили применяются к гиперссылкам <A>.
active
Применяется к активным гиперссылкам, т.е. гиперссылкам, на которых находится фокус ввода пользователя.
{Задание стиля гиперссылки}:active {Определение стиля};
Аналогичен атрибуту alink тега <BODY>.
Пример:
A:active {color: lime;}
активная гиперссылка будет ярко-зеленой.
По умолчанию в IE активные гиперссылки выделяются красным цветом.
Поддерживается IE начиная с 4.0
hover
Применяется к гиперссылкам, когда пользователь помещает над ними курсор мыши.
{Задание стиля гиперссылки}:hover {Определение стиля};
Пример:
A:hover {color: lime; text-decoration: none;}
Гиперссылка, при наведении на нее мыши, будет ярко-зеленой и неподчеркнутой.
По умолчанию в IE гиперссылки подчеркиваются, когда пользователь помещает над ними курсор мыши.
Поддерживается IE начиная с 4.0
link
Применяется к не посещенным еще пользователем гиперссылкам.
{Задание стиля гиперссылки}:link {Определение стиля};
Аналогичен атрибуту link тега <BODY>.
Пример:
A:link {color: black;}
По умолчанию в IE непосещенные гиперссылки отображаются синим цветом.
Поддерживается IE начиная с 3.02
visited
Применяется к уже посещенным пользователем гиперссылкам.
{Задание стиля гиперссылки}:visited {Определение стиля};
Аналогичен атрибуту vlink тега <BODY>.
Пример:
A:link {color: indigo;}
По умолчанию в IE посещенные гиперссылки отображаются бордовым цветом.
Поддерживается IE начиная с 3.02
Псевдостили текста
Псевдостили применяются некоторым элементам текстовых абзацев, например, к первой строке абзаца или первой букве первой строки.
first-letter
Применяется к первой букве первой строки абзаца. Может использоваться для создания буквиц.
{Задание стиля абзаца}:first-letter {Определение стиля};
Пример:
st:first-letter {font-size: 16pt;}
По умолчанию в IE первые буквы первых строк абзацев никак не выделяются.
Поддерживается IE начиная с 5.0
first-line
Применяется к первой строке абзаца.
{Задание стиля абзаца}:first-line{Определение стиля};
Пример:
st:first-line {text-decoration: underline;}
По умолчанию в IE первые строки абзацев никак не выделяются.
