Пример
Установите стиль правой границы для различных элементов:
h1 {
border-right: 5px solid red;
}
h2 {
border-right: 4px dotted blue;
}
div {
border-right: double;
}
Попробуйте сами »
Определение border-right
CSS свойство border-right - это сокращенное свойство для (в следующем порядке):
Если параметр border-right-color опущен, применяемым цветом будет цвет текста.
| Значение по умолчанию: | medium none color |
|---|---|
| Унаследовано: | no |
| Анимируемый: | yes, see individual properties. Читайте о animatable Попробуй |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.borderRight="5px dotted blue" Попробуй |
Поддержка border-right
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| border-right | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис border-right
border-right: border-width border-style border-color|initial|inherit;
Значения border-right
| Значение | Описание | Демонстрация |
|---|---|---|
| border-right-width | Требуется. Определяет ширину правой границы. Значение по умолчанию - "medium" | Демо ❯ |
| border-right-style | Требуется. Определяет стиль правой границы. Значение по умолчанию - "none" | Демо ❯ |
| border-right-color | Optional. Определяет цвет правой границы. Значение по умолчанию - цвет текста | Демо ❯ |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Страницы по теме border-right
CSS Учебник: CSS Границы
HTML DOM справочник: borderRight свойство