Сокращенное свойство для левой границы: border-left

border-left

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.0 4 3.5 1.0
Свойство
border-left — это сокращенное свойство позволяет задать стиль, ширину и цвет левой границы
Описание
Границы позволяют выделить текст из общего потока, придать ему особенное значение, украшают его
Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
border-left-style | border-left-width | border-left-color | inherit
Значение по умолчанию
none — для свойства border-left-style
medium — для свойства border-left-width
цвет текста — для свойства border-left-color
Правила записи
свойство: значение; или
свойство: значение значение; или
свойство: значение значение значение;

  • значения перечисляются через пробел
  • значения могут перечисляться в любом порядке
  • обязательно нужно указывать стиль границы, иначе другие свойства работать не будут
Примеры

<p>

Этот абзац имеет стиль левой границы solid

</p>

<p>

Этот абзац имеет стиль левой границы dotted и ширину левой границы 10px

</p>

<p>

Этот абзац имеет стиль левой границы dashed, ширину левой границы 17px и цвет левой границы aquamarine

</p>

<p>

Это значит что свойство унаследует значение от родителя

</p>

Поделиться