CSS Колір межі
CSS Колір межі
Властивість border-color використовується для встановлення кольору чотирьох меж.
Колір може бути встановлено:
- name - вказати назву кольору, наприклад "red"
- HEX - вказати значення HEX, наприклад "#ff0000"
- RGB - вказати значення RGB, наприклад "rgb(255,0,0)"
- HSL - вказати значення HSL, наприклад "hsl(0, 100%, 50%)"
- transparent (прозорість)
Примітка: Якщо border-color не задано, він наслідує колір елемента.
Приклад
Демонстрація різних кольорів межі:
p.one {
border-style: solid;
border-color: red;
}
p.two {
border-style: solid;
border-color: green;
}
p.three {
border-style: dotted;
border-color: blue;
}
Результат:
Червона межа
Зелена межа
Синя межа
Визначені кольори сторін
Властивість border-color може мати від одного до чотирьох значень (для верхньої межі, правої межі, нижньо межі і лівої межі).
Приклад
p.one {
border-style: solid;
border-color: red green blue yellow; /* червоний зверху, зелений справа, синій знизу і жовтий зліва */
}
Спробуйте самі »
HEX Значення
Колір межі також можна вказати за допомогою шістнадцяткового значення (HEX):
RGB Значення
Або використовуючи значення RGB:
Приклад
p.one {
border-style: solid;
border-color: rgb(255, 0, 0); /* червоний колір */
}
Спробуйте самі »
HSL Значення
Ви також можете використовувати значення HSL:
Приклад
p.one {
border-style: solid;
border-color: hsl(0, 100%, 50%); /* червоний колір */
}
Спробуйте самі »
Ви можете дізнатись більше про значення HEX, RGB і HSL в розділах CSS Кольори на нашому сайті W3Schools українською.
