inverted-colors
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
CSS медиа функция inverted-colors
может использоваться для проверки, инвертирует ли user agent или ОС цвета.
Синтаксис
Пример
HTML
html
<p>
Если вы используете инвертированные цвета, этот текст должен быть синим по
белому (инверсия жёлтого по чёрному). Если нет, он должен быть красным на
светло-сером.
</p>
<p>
Если текст серого цвета, ваш браузер не поддерживает медиа-функцию
`inverted-colors`.
</p>
CSS
css
p {
color: gray;
}
@media (inverted-colors: inverted) {
p {
background: black;
color: yellow;
}
}
@media (inverted-colors: none) {
p {
background: #eee;
color: red;
}
}
Result
Спецификации
Specification |
---|
Media Queries Level 5 # inverted |
Совместимость с браузерами
BCD tables only load in the browser