border-right
Поддержка браузерами
| 12.0+ | 4.0+ | 1.0+ | 1.0+ | 3.5+ | 1.0+ |
Описание
CSS свойство border-right позволяет в одном объвлении указать ширину, стиль и цвет правой рамки элемента.
Свойства, значения которых могут быть использованы для редактирования правой рамки: border-right-width, border-right-style и border-right-color. Значения разделяются пробелом и могут быть записаны в любом порядке. Все три значения указывать не обязательно, ширину и/или цвет можно опустить.
| Значение по умолчанию: | не определено |
|---|---|
| Применяется: | ко всем элементам |
| Анимируется: | да, смотрите каждое свойство, входящее в состав краткого метода, отдельно |
| Наследуется: | нет |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.borderRight="3px solid blue" |
Синтаксис
border-right: width style color|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| border-right-width | Указывает ширину для правой рамки. |
| border-right-style | Указывает стиль для правой рамки. |
| border-right-color | Задает цвет для правой рамки. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Пример</title>
<style type="text/css">
p {
border-style: solid;
border-right: thick double #ff0000;
}
</style>
</head>
<body>
<p>Здесь расположен какой-то текст.</p>
</body>
</html>
Результат данного примера в окне браузера:
