Свойство border-color устанавливает цвет рамки элемента.
Возможные значения: <цвет> | transparent
Значение по умолчанию: значение свойства color
Наследуется: нет
Значение transparent обозначает прозрачный цвет.
Можно указывать от одного до четырёх значений через пробел.
Если указано одно значение, то оно указывает цвет всех рамок элемента.
Если указано два значения, то первое устанавливает цвет верхней и нижней границы, а второе — цвет правой и левой.
Если указано три значения, то первое устанавливает цвет верхней границы, второе — левой и правой, третье — нижней.
Если указано четыре значения, то первое устанавливает цвет верхней границы, второе — правой, третье — нижней, четвёртое — левой.
Пример:
|
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 32 |
<!DOCTYPE html> <html> <head> <title>CSS border-color</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> </head> <body> <div style="border-style : solid; border-color : #ff0000;"> border-color : #ff0000; </div> <p> </p> <div style="border-style : solid; border-color : #ff0000 #00ff00;"> border-color : #ff0000 #00ff00; </div> <p> </p> <div style="border-style : solid; border-color : #ff0000 #00ff00 #0000bb;"> border-color : #ff0000 #00ff00 #0000bb; </div> <p> </p> <div style="border-style : solid; border-color : #ff0000 #00ff00 #0000bb #707070;"> border-color : #ff0000 #00ff00 #0000bb #707070; </div> <p> </p> <p> <a href="https://urvanov.ru/2016/02/22/css-border-color/">CSS border-color</a> </p> </body> </html> |