Свойство BORDER-RIGHT-COLOR

Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается

Краткая информация

CSS CSS1
Значение по умолчанию Значение цвета, заданное параметром color
Наследование Нет
Применяется Ко всем элементам
Аналог HTML <img border> | <table border>
Ссылка на спецификацию http://www.w3.org/TR/REC-CSS2/box.html#border-color-properties

Описание

Служит для определения цвета правой стороны элемента.

Синтаксис

Аргументы

Значение цвета можно задавать тремя способами.

1. По его названию

Браузеры поддерживают некоторые цвета по их названию.

2. По шестнадцатеричному значению

Для получения цвета применяются комбинации RGB-значения цвета, записанные в шестнадцатиричном формате. В шестнадцатеричной системе исчисления FFFFFF – белый цвет, 000000 – черный. Каждый из трех цветов RGB (красный, зеленый, синий -) может принимать значения от 00 до FF. То есть, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа задаюи красную компоненту цвета, два средних - зеленую, а два последних - синюю.

3. С помощью RGB

Можно задать цвет используя значения красной, зеленой и синей составляющей в десятичном исчислении. Значение каждого из трех цветов может принимать значения от 0 до 255. Также можно задавать цвет в процентном отношении.

Пример

Валидный HTML
Валидный CSS
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>border-right-color</title>
<style type="text/css">
DIV.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">
Текст текст текст текст текст текст , 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>

Комментарий