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 |
Совместимость с браузерами
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
inverted-colors media feature |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- User must explicitly enable this feature.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.