Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - border-color.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Определение и использование. Свойство граница-цвет border-color задает цвет из четырех границ элемента. Это свойство может иметь от одного до четырех значений. Внимание!!! Всегда объявлять свойство границы стиля border-style до границы цвета border-color. Элемент должен иметь границы, прежде чем вы можете изменить цвет.

Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что свойство border-color, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера.


Синтаксис:

           border-color: color|transparent|initial|inherit;

Значение по умолчанию: Текущий цвет элемента
наследует: нет
Версия: CSS1
JavaScript синтаксис: object.style.borderColor="#FF0000 blue"


Свойства Значение

Значение Описание
color Задает цвет фона. По умолчанию используется черный цвет
transparent Указывает на то, что границы цвета должны быть прозрачными
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу - Установить цвет на четырех границ:

< !DOCTYPE html>
< html>
< head>
< style>
p.one
{
border-style:solid;
border-color:#ff0000;
}
p.two
{
border-style:solid;
border-color:#ff0000 #0000ff;
}
p.three
{
border-style:solid;
border-color:#ff0000 #00ff00 #0000ff;
}
p.four
{
border-style:solid;
border-color:#ff0000 #00ff00 #0000ff rgb(250,0,255);
}
< /style>
< /head>
< body>
< p class="one">Одну цветную границу!< /p>
< p class="two">Две цветные границы!< /p>
< p class="three">Три цвета границы!< /p>
< p class="four">Четыре цветные границы!< /p>
< p>< b>Внимание!!!< /b> "border-color" свойства не будет работать, если 
он используется в одиночестве. Используйте свойство "border-style", 
установить границы первой.< /p>
< /body>
< /html>                      

Результат программы:

Одну цветную границу!

Две цветные границы!

Три цвета границы!

Четыре цветные границы!

Внимание!!! "border-color" свойства не будет работать, если он используется в одиночестве. Используйте свойство "border-style", установить границы первой.




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: