CSS свойство border-right

Определение и применение

CSS свойство border-right устанавливает все свойства правой границы в одном объявлении. Разрешается использовать объявление в котором одно из значений отсутствует.

Свойства, которые можно установить:

ширина правой границы - border-right-width (medium | thin | thick | length | initial | inherit).
стиль правой границы - border-right-style (none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit).
цвет правой границы - border-right-color (color | transparent | initial | inherit).

Поддержка браузерами

Свойство	Chrome	Firefox	Opera	Safari	IExplorer	Edge
border-right	1.0	1.0	3.5	1.0	4.0	12.0

CSS синтаксис:

border-right:"border-width border-style border-color | initial | inherit";

JavaScript синтаксис:

object.style.borderRight = "3px solid orange"

Значения свойства

Значение	Описание
border-right-width	Задает ширину правой границы. По умолчанию - "medium".
border-right-style	Задает стиль правой границы. По умолчанию - "none".
border-right-color	Задает цвет правой границы. По умолчанию - цвет элемента.
initial	Устанавливает свойство в значение по умолчанию.
inherit	Указывает, что значение наследуется от родительского элемента.

Версия CSS

CSS1

Наследуется

Нет.

Анимируемое

Да.

Пример использования

<!DOCTYPE html>
<html>
<head>
<title> Свойство border-right</title>
<style> 
.primer {
border :4px solid orange; /* задаём сплошную границу шириной 4px оранжевого цвета для всех сторон */
border-right :4px dotted red; /* задаём для правой границы пунктир шириной 4px красного цвета */
text-align:khaki; /* задаём выравнивание текста по центру */
}
</style>
</head>
	<body>
		<p class = "primer">Пример использования свойства border-bottom.</p>
	</body>
</html>

CSS свойства