СВОЙСТВО BORDER-LEFT-STYLE
Свойство border-right-style устанавливает стиль рамки элемента справа.
Поддержка браузеров
Синтаксис
border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| none | Значение по умолчанию. Рамка справа будет отсутствовать. |
| hidden | Также как и в случае с none, рамка справа будет отсутствовать. В случае, если задано свойство background-image, значение border-top-width всегда будет 0. В случае, когда border-style: hidden применяется к ячейкам таблицы, у которой значение свойства border-collapse установлено как collapse, рамка всегда будет отсутствовать. |
| dotted | Определяет точечную рамку справа. |
| dashed | Определяет пунктирную рамку справа. |
| solid | Определяет сплошную рамку справа. |
| double | Определяет двойную рамку справа. |
| groove | Определяет вдавленную резную рамку справа. |
| ridge | Определяет выступающую рамку справа. |
| inset | Определяет рамку справа, которая создает эффект встроенности элемента. |
| outset | Определяет рамку справа, которая создает эффект рельефа у элемента. |
| initial | Устанавливает значение по умолчанию. |
| inherit | Унаследует значение свойства от родительского элемента. |
Песочница
<div class="block block-1"></div> <div class="block block-2"></div> <div class="block block-3"></div>HTML
.block {
height: 50px;
width: 50px;
display: inline-block;
background: #f1f1f1;
border: 3px solid gray
}
.block-1 {
border-right-style: inset
}
.block-2 {
border-right-style: double
}
.block-3 {
border-right-style: dashed
}
CSS