Свойство 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 |
Описание
Служит для определения цвета границы всех четырех сторон элемента. Данное свойство позволяет задать цвет границы сразу на всех сторонах элемента или определить цвет границы только на указанных сторонах.
Синтаксис
Аргументы
Можно использовать одно, два, три или четыре значения, разделяя их между собой пробелом. Результат зависит от количества аргументов и указан в табл. 1.
| Число аргументов | Результат |
| 1 | Цвет рамки будет задан для всех сторон элемента. |
| 2 | Первый аргумент задает цвет верхней и нижней границы, второй аргумент - левой и правой. |
| 3 | Первый аргумент задает цвет верхней границы, второй - одновременно левой и правой стороны, а третий - нижней границы. |
| 4 | Поочередно устанавливается цвет верхней, правой, нижней и левой границы. |
Пример
 |
 |
<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>