Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

CSS медиа функция inverted-colors может использоваться для проверки, инвертирует ли user agent или ОС цвета.

Синтаксис

Функция inverted-colors указана в качестве значения ключевого слова, выбранного из списка ниже.

none

Цвета отображаются нормально.

inverted
Все пиксели в отображаемой области были инвертированы.

Примеры

HTML

<p>Если вы используете инвертированные цвета, этот текст должен быть синим по белому (инверсия желтого по черному). Если нет, он должен быть красным на светло-сером.</p>
<p>Если текст серого цвета, ваш браузер не поддерживает медиа-функцию `inverted-colors`.</p>

CSS

p {
  color: gray;
}

@media (inverted-colors: inverted) {
  p {
    background: black;
    color: yellow;
  }
}

@media (inverted-colors: none) {
  p {
    background: #eee;
    color: red;
  }
}

Result

Спецификация

Specification Status Comment
Media Queries Level 4
Определение 'inverted-colors' в этой спецификации.
Кандидат в рекомендации Отложено до Media Queries Level 5.

Совместимость с браузерами

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidEdge MobileFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
inverted-colors media feature
ЭкспериментальнаяНестандартная
Chrome Нет поддержки НетEdge Нет поддержки НетFirefox Нет поддержки НетIE Нет поддержки НетOpera Нет поддержки НетSafari Полная поддержка ДаWebView Android Нет поддержки НетChrome Android Нет поддержки НетEdge Mobile Нет поддержки НетFirefox Android Нет поддержки НетOpera Android Нет поддержки НетSafari iOS Полная поддержка ДаSamsung Internet Android ?

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки
Совместимость неизвестна  
Совместимость неизвестна
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Нестандартная. Ожидается плохая кросс-браузерная поддержка.
Нестандартная. Ожидается плохая кросс-браузерная поддержка.

Метки документа и участники

Внесли вклад в эту страницу: mdnwebdocs-bot, nikolai-shabalin
Обновлялась последний раз: mdnwebdocs-bot,