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

Описание

Служит для определения цвета границы всех четырех сторон элемента. Данное свойство позволяет задать цвет границы сразу на всех сторонах элемента или определить цвет границы только на указанных сторонах.

Синтаксис

border-color: color {1,4}

Аргументы

Можно использовать одно, два, три или четыре значения, разделяя их между собой пробелом. Результат зависит от количества аргументов и указан в табл. 1.

Таблица 1. Изменение цвета в зависимости от числа аргументов
Число аргументов Результат
1 Цвет рамки будет задан для всех сторон элемента.
2 Первый аргумент задает цвет верхней и нижней границы, второй аргумент - левой и правой.
3 Первый аргумент задает цвет верхней границы, второй - одновременно левой и правой стороны, а третий - нижней границы.
4 Поочередно устанавливается цвет верхней, правой, нижней и левой границы.

 

Пример

Валидный 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-color</title>
<style type="text/css">
H1 {
 border-color: red white; /* Цвет границы */
 border-style: solid; /* Стиль границы */
}
P {
 border-color: #008a77; /* Цвет границы */
 border-style: solid; /* Стиль границы */
 padding: 5px; /* Поля вокруг текста */
}
</style>
</head>
<body>

<h1>Успешный бизнес</h1>
<p>Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт).</p>

</body>
</html>
Категория: Свойства CSS | Добавил: expert1 (31.01.2013)
Просмотров: 259 | Теги: CSS, свойства | Рейтинг: 0.0/0
Всего комментариев: 0

Проекты

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