prefers-contrast

Одно из значений директивы @media для проверки пользовательских настроек. Отслеживает выбор настроек контрастности в системе.

        
          
          @media (prefers-contrast: more) {  .image {    border: 3px solid black;  }}
          @media (prefers-contrast: more) {
  .image {
    border: 3px solid black;
  }
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

У prefers-contrast есть несколько значений:

• no-preference — настройки контрастности по умолчанию.
• more — контрастность увеличена.
• less — контрастность понижена.
• custom — выбран режим принудительных цветов. Например, режим высокой контрастности Windows.

prefers-contrast отслеживает любые настройки контрастности, не только режим принудительных цветов как forced-colors.