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-ից առաջ, քանի որ տարրը պետք է ունենա եզրագծեր, որպեսզի կարողանաք փոխել գույնը:
See the Pen border-color by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.
⇓Результат данного примера показан на рисунке⇓
⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓
| Browser | IE | Edge | Chrome | Firefox | Safari | Opera |
|---|---|---|---|---|---|---|
| Version | 6+ | 12+ | 4+ | 2+ | 3.1+ | 10+ |
| Notes |