Свойство border-right CSS
- предыдущая страница border-radius
- Следующая страница border-right-color
Определение и использование
Сокращенный атрибут border-right устанавливает все свойства правого края в одном объявлении.
Свойства можно устанавливать в следующем порядке:
Если не указать одного из значений, это не вызовет проблемы, например, border-right:solid #ff0000; также разрешен.
Дополнительная литература:
Учебник CSS:Обрамление CSS
Руководство по HTML DOM:Свойство borderRight
Пример
Установите стиль правого края:
p { border-style:solid; border-right:thick double #ff0000; }
CSS синтаксис
border-right: border-width border-style border-color|initial|inherit;
Значение свойства
Значение | Описание |
---|---|
border-right-width | Определяет ширину правого края. См. также:border-right-width возможные значения. |
border-right-style | Определяет стиль правого края. См. также:border-right-style возможные значения. |
border-right-color | Определяет цвет правого края. См. также:border-right-color возможные значения. |
inherit | Определяет, что значение border-right должно быть получено от родительского элемента. |
Технические детали
Значение по умолчанию: | не указано |
---|---|
Ингерит: | нет |
Версия: | CSS1 |
JavaScript синтаксис: | object.style.borderRight="3px solid blue" |
Более примеров
- Все свойства правого края в одном объявлении
- Этот пример демонстрирует сокращенный атрибут, который используется для установки всех свойств правого края в одном объявлении.
Поддержка браузерами
Числа в таблице указывают на первую версию браузера, которая поддерживает этот атрибут.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Комментарий:Браузеры IE7 и более ранние версии не поддерживают значение "inherit". IE8 требует !DOCTYPE. IE9 поддерживает "inherit".
- предыдущая страница border-radius
- Следующая страница border-right-color