Litra Library
Главная » Статьи » WEB » Свойства CSS
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

Описание

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

Синтаксис

border-right-color: цвет

Аргументы

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

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

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

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

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

3. С помощью RGB

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

Пример

Валидный HTML

<!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>
Категория: Свойства CSS | Добавил: expert1 (31.01.2013)
Просмотров: 273 | Теги: CSS, свойства | Рейтинг: 0.0/0
Всего комментариев: 0

Проекты

RSS Правила Бесплатный хостинг uCoz Litra Library
^ Наверх ^