Описание элементаУстанавливает цвет границы у элемента с разных сторон. С помощью этого параметра можно определить как цвет со всех сторон элемента, так и только с определённых.
Синтаксис
Элемент { border-color: "цвет"{1,4} }
Возможные аргументы
- Цвет по названию
Можно указать название цвета, например Red, DarkGreen и т.д.
- Шестнадцатеричное значение в формате RGB.
Это очень распространенный и наиболее универсальный вариант. Возможно вы видели, как какой-нибудь цвет обозначают примерно так: #AF9F1C. Это и есть шестнадцатеричный формат. В нём есть 4 составляющие:
1) В начале идёт символ #
2) Следующие 2 символа обозначают долю красного цвета (Red)
3) Затем идут 2 символы обозначающие долю зелёного цвета (Green)
4) И последние 2 символа указывают долю синего цвета (Blue)
Так же разрешается использовать сокращённую форму #RGB, где каждый цвет будет удваиваться (т.е. например #A9C, будет восприниматься браузером как #AA99CC)
- RGB формат
А можно и просто в формате RGB, при этому необходимо использовать такой синтаксис: RGB(значение, значение, значение), где значение - это число от 0 до 255 обозначающее соответственно долю цвета (Первое - это красный, второй - зелёный и третий - синий).
Более того, можно указать не одно, а несколько значений. А связаны кол-во значений и область их применения, согласно этой таблице:
| Кол-во значений (номер значения) |
К чему применяется этот номер |
| 1 значение |
Применяется ко всей рамке таблицы |
| 2 значения |
Первый аргумент задаёт цвет верхней и нижней границ, второй - цвет левой и правой границ |
| 3 значения |
Первый аргумент устанавливает цвет верхней границы, второй цвет левой и правой границ одновременно, а 3-ий цвет нижней границы |
| 4 значения |
Устанавливает поочерёдно цвет для верхней, правой, нижней, левой границ соответственно. |
Значения указываются через пробел.
|
