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

border-right

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

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

<p>

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

</p>

<p>

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

</p>

<p>

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

</p>

<p>

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

</p>

Поделиться