Опис
Властивість CSS border-right-color встановлює колір правої межі елемента.
Синтаксис
border-right-color: колір | transparent | inherit
Значення
Див. колір
- transparent
- Встановлює прозорий колір.
- inherit
- Наслідує значення батька.
Приклад
Приклад
HTML5CSS2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>border-right-color</title>
<style>
.line {
border-right-color: navy; /* Колір лінії справа */
border-right-style: dotted; /* Стиль лінії */
border-right-width: 3px; /* Товщина лінії */
padding-right: 10px; /* Відстань між лінією і текстом */
margin-right: 100px; /* Відступ справа */
}
</style>
</head>
<body>
<div class="line">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim
ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat.
</div>
</body>
</html>Результат даного прикладу показаний на рис. 1.
Браузери
Internet Explorer 6 не підтримує значення transparent. Браузер Internet Explorer до версії 7.0 включно не підтримує inherit.
Колір межі в різних браузерах може трохи відрізнятися при використанні значень стилю groove, ridge, inset або outset.