Рамки

Внутри полей элемента находятся его рамки (borders). Рамка элемента – это одна или несколько линий, окружающих содержимое и отступы элемента. Таким образом, фон элемента будет ограничен внешним краем рамки, поскольку фон не распространяется на поля, а рамки как раз граничат с внутренней стороны полей. Каждая рамка характеризуется тремя параметрами: ее шириной (толщиной), стилем (представлением) и цветом. Ширина рамки по умолчанию имеет значение medium, которое не определено явно, но обычно составляет два пиксела. Несмотря на это, причина, по которой рамки обычно не видны, в том, что применяемый по умолчанию стиль – none, что обусловливает их отсутствие. Если стиль рамки не задан, нет смысла в ее существовании. (При этом также может быть переопределено значение ширины, но к этому мы еще вернемся чуть позже.)

И наконец, применяемый по умолчанию цвет рамки – это основной цвет самого элемента. Если для рамки цвет не задан, он будет таким же, как и цвет текста элемента. Если, с другой стороны, в элементе нет текста, скажем он содержит только таблицу с изображениями, цвет рамки для этой таблицы будет таким же, как цвет текста родительского элемента (благодаря тому факту, что цвет наследуется). Этим элементом может быть body, div или другой table. Таким образом, если у элемента table есть рамка и его родителем является body, то исходя из правила:

body {color: purple;}

по умолчанию рамка вокруг table будет фиолетовой (если агент пользователя не задает цвета таблиц). Конечно, чтобы эта рамка появилась, придется сначала немного потрудиться.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Абсолютные значения и поля
Задание рамки одним свойством
Несколько стилей
Основные блоки элементов
Отрицательные и свернутые поля

Вернуться в раздел: CSS / 8. Отступы, рамки и поля