loader

Cвойство border-color задаёт цвет четырёх границ элемента. Это свойство может иметь от одного до четырёх значений. Если свойство border-color имеет четыре значения: border-color: red green blue pink;
↑верхняя граница красная
→правая граница зелёная
↓нижняя граница синяя
←левая граница розовая
Если свойство border-color имеет три значения: border-color: red green blue;
↑верхняя граница красная
←правая и левая границы зелёные→
↓нижняя граница синяя
Если свойство border-color имеет два значения: border-color: red green;
↑верхняя и нижняя границы красные↓
←правая и левая границы зелёные→
Если свойство border-color имеет одно значение: border-color: red;
↑↓все четыре границы красные←→
Всегда объявляйте свойство border-style перед свойством border-color. Элемент должен иметь границы, прежде чем вы сможете изменить цвет.

border-color հատկությունը սահմանում է տարրի չորս սահմանների գույնը: Այս հատկությունը կարող է ունենալ մեկից չորս արժեք: Եթե border-color հատկությունն ունի չորս արժեք՝ border-color: red green blue pink;
↑վերևի եզրագիծը՝ կարմիր
→աջ եզրագիծը՝ կանաչ
↓ստորին եզրագիծը՝ կապույտ
←ձախ եզրագիծը՝ վարդագույն
Եթե border-color հատկությունն ունի երեք արժեք՝ border-color: red green blue;
↑վերևի եզրագիծը՝ կարմիր
←աջ և ձախ եզրագծերը կանաչ են→
↓ստորին եզրագիծը՝ կապույտ
Եթե ​border-color հատկությունն ունի երկու արժեք՝ border-color: red green;
↑վերին և ստորին եզրագծերը կարմիր են↓
←աջ և ձախ եզրագծերը կանաչ են→
Եթե ​border-color հատկությունն ունի մեկ արժեք՝ border-color: red;
↑↓բոլոր չորս եզրագծերը կարմիր են←→
Միշտ հայտարարեք border-style հատկությունը border-color-ից առաջ, քանի որ տարրը պետք է ունենա եզրագծեր, որպեսզի կարողանաք փոխել գույնը:

Синтаксис

Գրելաձև

border-color: blue; ⟿ Цвет границы. border-color: blue; ⟿ Եզրագծի գույնը.

Пример

Օրինակ

See the Pen border-color by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

border-color image

Также у тега border есть следующие под. теги

Поддержка браузера дляԲրաուզերի աջակցությունը border-color элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 6+ 12+ 4+ 2+ 3.1+ 10+
Notes