CSS ime-mode — синтаксис и примеры
CSS-свойство ime-mode: назначение, рабочее значение, влияние на раскладку или отрисовку, ошибки и поддержка браузерами.
«ime-mode» отмечено как устаревшее. Материал о «ime-mode» сохранён для разбора старых проектов, миграции и выбора современной замены.
Практический смысл
В материале о «ime-mode» основное внимание уделено области «визуальное поведение элемента». Свойство ime-mode относится к области «визуальное поведение элемента» и участвует в каскаде, получает вычисленное значение и применяется в подходящем контексте. Проверяйте поведение «ime-mode» на странице при отключённых изображениях, причём не подменяйте ошибку декоративным overflow hidden.
Для «ime-mode» сначала проверьте вычисленное значение ime-mode, наследование и контекст родителя. После этого сравните исходное и изменённое состояние «ime-mode» на одном и том же содержимом.
Синтаксис ime-mode
Синтаксис «ime-mode» показан на минимальном фрагменте без внешнего фреймворка. Сначала запустите исходный вариант, затем меняйте отмеченную часть.
.demo {
ime-mode: inherit;
}Как работает ime-mode
Браузер обрабатывает «ime-mode» в контексте области «визуальное поведение элемента»: свойство ime-mode относится к области «визуальное поведение элемента» и участвует в каскаде, получает вычисленное значение и применяется в подходящем контексте. Для «ime-mode» наблюдения через изменение DOM в панели Elements и результат при отключённом JavaScript отделяют исходное условие от результата.
Проверка в проекте
- Проверьте вычисленное значение ime-mode, наследование и контекст родителя; результат относится непосредственно к «ime-mode».
- Убедиться, что решение не зависит от случайной высоты viewport при разборе «ime-mode».
- Проверьте «ime-mode» на странице при отключённых изображениях через изменение DOM в панели Elements и запишите наблюдаемое изменение.
Выбор «ime-mode» оправдан, если задача относится к области «визуальное поведение элемента», а риск «изолированная декларация ime-mode без связанных ограничений может дать другой результат в реальном компоненте» исключён проверкой. Для «ime-mode» сравнивайте не внешний вид, а результат для пользователя.
Практика с ime-mode
Перенесите «ime-mode» в минимальном компоненте и испытайте его на странице при отключённых изображениях. Сначала воспроизведите правильный результат, затем намеренно добавьте риск для «ime-mode»: изолированная декларация ime-mode без связанных ограничений может дать другой результат в реальном компоненте.
Сценарий: на странице при отключённых изображениях.
Ошибки при работе с ime-mode
Каскад
Изолированная декларация ime-mode без связанных ограничений может дать другой результат в реальном компоненте — это предметный риск для «ime-mode».
Поддержка
Потеря содержимого при печати или отключении фоновых изображений при использовании «ime-mode».
Контекст
Непредсказуемое наследование значения из внешнего компонента; для «ime-mode» проверьте это отдельно.
Поддержка ime-mode
Для «ime-mode» таблица собрана из закреплённой версии MDN Browser Compatibility Data. Указанная версия браузера показывает первое заявленное появление базовой поддержки «ime-mode»; окончательное решение принимайте по аудитории конкретного проекта.
Спецификация: источник 1.
Вопросы о ime-mode
Как понять, что «ime-mode» выбрано правильно?
«ime-mode» выбрано правильно, когда оно решает задачу «уточнять один из этапов расчёта или отрисовки CSS-бокса», сохраняет результат на странице при отключённых изображениях и проходит предметную проверку: проверьте вычисленное значение ime-mode, наследование и контекст родителя.
Нужен ли запасной вариант для «ime-mode»?
Запасной вариант для «ime-mode» нужен, если целевой браузер или режим не обеспечивает выбранное поведение. Без улучшения «ime-mode» должно сохранять смысл, содержимое и основное действие.
Спецификации и источники
Синтаксис и статус проверяются по HTML Living Standard, спецификациям CSS и MDN Browser Compatibility Data. Примеры и объяснения подготовлены для этого сервиса.