CSS Ключевые слова цвета
На этой странице объясняются ключевые слова transparent, currentcolor и inherit.
Ключевое слово transparent (прозрачность)
Ключевое слово transparent используется, чтобы сделать цвет прозрачным. Оно часто используется для создания прозрачного цвета фона для элемента.
Пример
Здесь цвет фона элемента <div> будет полностью прозрачным, а фоновое изображение будет видно сквозь него:
body {
background-image: url("paper.gif");
}
div {
background-color: transparent;
}
Попробуйте сами »
Примечание: Ключевое слово transparent эквивалентно rgba (0,0,0,0). Значения цвета RGBA являются расширением значений цвета RGB с альфа-каналом, который определяет непрозрачность цвета. Подробнее читайте в главе CSS RGB и в главе Цвета CSS на нашем сайте W3Schools на русском.
Ключевое слово currentcolor (текущий цвет)
Ключевое слово currentcolor похоже на переменную, которая содержит текущее значение свойства цвета элемента.
Это ключевое слово может быть полезно, если вы хотите, чтобы определенный цвет был согласован в элементе или на странице.
Пример
В этом примере цвет границы элемента <div> будет синим, потому что цвет текста элемента <div> синий:
div {
color: blue;
border: 10px solid currentcolor;
}
Попробуйте сами »
Пример
В этом примере цвет фона <div> установлен на текущее значение цвета основного элемента:
body {
color: purple;
}
div {
background-color: currentcolor;
}
Попробуйте сами »
Пример
В этом примере цвет границы и цвет тени <div> установлен на текущее значение цвета основного элемента:
body {
color: green;
}
div {
box-shadow: 0px 0px 15px currentcolor;
border: 5px solid currentcolor;
}
Попробуйте сами »
Ключевое слово inherit (наследование)
Ключевое слово inherit указывает, что свойство должно наследовать своё значение от родительского элемента.
Ключевое слово inherit может использоваться для любого свойства CSS и для любого элемента HTML.
Пример
В этом примере настройки границы <span> будут унаследованы от родительского элемента:
div {
border: 2px solid red;
}
span {
border: inherit;
}
Попробуйте сами »
