Свойства задания стиля для одной стороны

Иногда требуется задать стили рамок только для одной стороны блока элемента, а не для всех четырех. Вот где понадобятся свойства задания стиля рамки для одной стороны. Свойства задания стиля рамки для одной стороны довольно наглядны. Например, для того чтобы изменить стиль нижней рамки, можно обратиться к свойству border-bottom-style. Нет ничего необычного в том, чтобы применить border в сочетании со свойством задания стиля с одной стороны. Предположим, надо задать сплошную рамку с трех сторон заголовка, а слева рамка должна отсутствовать. Это можно сделать двумя совершенно эквивалентными способами:

h1 {border-style: solid solid solid none;}
/* приведенное выше аналогично нижнему */
h1 {border-style: solid; border-left-style: none;}

Важно помнить – второй подход требует поместить свойство задания стиля с одной стороны после сокращенной формы записи свойства, как это обычно делается в сокращенной форме записи свойств. Дело в том, что объявление border-style: solid фактически представляет собой объявление border-style: solid solid solid solid. Если поместить border-style-left: none перед объявлением border-style, то его значение переопределит значение none свойства задания стиля с одной стороны. Вы могли также обратить внимание на то, что до сих пор рамки во всех примерах имели одну и ту же ширину. Это происходило потому, что их ширина не задавалась, поэтому подставлялось значение по умолчанию. Сейчас мы узнаем, что это за значение, и еще многое другое.

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

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

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