Каждая таблица стилей образуется из наборов правил. Чтобы лучше понять, что же такое правила, давайте разберем их структуру. Каждое правило имеет две основные части: селектор (selector) и блок объявлений (declaration block).

Структура правила CSS

Блок объявлений состоит из одного или более объявлений (declarations), а каждое объявление представляет собой сочетание свойства (property) и значения (value).

Селектор, расположенный в левой части правила, определяет, на какие части документа распространяется правило. В правой части правила находится блок объявлений, образованный одним или несколькими объявлениями. Каждое объявление представляет собой сочетание свойства CSS и значения этого свойства. Выше представлен блок, содержащий два объявления. Первое определяет, что согласно правилу цвет (color) указанных элементов документа будет красным (red), а второе — что фон (background) этих элементов будет желтым (yellow). Таким образом, все элементы H1 (определённые селектором) этого документа будут выводиться красным текстом на желтом фоне.

Текущая категория

Свойства CSS — border-width

Это сокращенная форма записи свойств, позволяющая задавать ширину всей рамки элемента или каждой из ее сторон в отдельности. Значение ширины имеет смысл для данной рамки, только если ее стиль отличен от none. Если стиль рамки - none, то ширине присваивается значение 0. Отрицательные значения длины не допускаются.

Значения:

<?php
thin medium thick | <длина> ]{1,4} | inherit

Начальное значение: для сокращенной формы записи свойств не определено
Область применения: все элементы
Наследование: нет
Вычисляемое значение: смотрите отдельные свойства (border-top-style и другие)

Задать ширину рамки можно четырьмя способами: присвоить ей значение в единицах измерения длины, например 4рх или 0.1еm, или посредством одного из трех ключевых слов. Эти ключевые слова: thin, medium (применяемое по умолчанию значение) и thick. He обязательно, чтобы эти ключевые слова точно соответствовали какой-либо конкретной ширине, они просто определены относительно друг друга. Согласно спецификации рамка thick (6px) всегда шире, чем medium (4px), которая, в свою очередь, всегда шире thin (2px).

Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом.

Число аргументов: Результат:
1 Стиль рамки будет задан для всех сторон элемента.
2 Первый аргумент устанавливает стиль верхней и нижней границы, второй аргумент — левой и правой.
3 Первый аргумент задает стиль верхней границы, второй — одновременно левой и правой стороны, а третий — нижней границы.
4 Поочередно устанавливается стиль верхней, правой, нижней и левой границы.

Текущая категория

ПОЛЕЗНЫЕ ССЫЛКИ: