Свойство border-right
Задает границу справа
border-right: 1px solid #ccc;Пошаговый план! Как быстро научиться создавать сайты!
Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все
Значения
border-right: 2px solid #ccc;
Создание границы справа для элемента. Порядок значений: толщина, стиль и цвет.
Возможные единицы: px, em, rem, vh, vw, а так же ключевые слова: thin, medium, thick
Стиль границы: solid, dashed, dotted, double, groove, ridge
Для определения цвета можно использовать ключевые слова названия цвета, шестнадцатеричные значения: #ccc, RGB: rgb(0, 0, 0), RGBa: rgba(0, 0, 0, 0.9) и currentColor.
<style>
.example-1 {
width: 150px;
height: 150px;
background-color: #eee;
border-right: 2px solid red;
}
</style>
<div class="example-1"></div>border-right: 2px solid;
Создание границы справа для элемента без указания третьего параметра - цвета. Если параметр цвета не указан, то цвет границы будет таким же как цвет текста элемента
<style>
.example-2 {
width: 150px;
height: 150px;
background-color: #eee;
border-right: 2px solid;
}
</style>
<div class="example-2"></div>