CSS -webkit-text-decorations-in-effect — синтаксис и примеры
CSS-свойство -webkit-text-decorations-in-effect: назначение, рабочее значение, влияние на раскладку или отрисовку, ошибки и поддержка браузерами.
Практический смысл
В материале о «-webkit-text-decorations-in-effect» основное внимание уделено области «типографика». Свойство -webkit-text-decorations-in-effect относится к области «типографика» и применяется к текстовым фрагментам и часто наследуется дочерними элементами. Проверяйте поведение «-webkit-text-decorations-in-effect» в диалоге с возвратом фокуса после закрытия, причём не подменяйте ошибку декоративным overflow hidden.
Перед применением «-webkit-text-decorations-in-effect» сформулируйте ожидаемое поведение, затем проверьте вычисленное значение -webkit-text-decorations-in-effect, наследование и контекст родителя. Для «-webkit-text-decorations-in-effect» такое сравнение показывает реальную причину изменения.
Синтаксис -webkit-text-decorations-in-effect
Пример «-webkit-text-decorations-in-effect» оставляет только контекст, необходимый для области «типографика». Измените одно значение и проследите результат в браузере.
.demo {
-webkit-text-decorations-in-effect: 1.5;
}Как работает -webkit-text-decorations-in-effect
Чтобы объяснить работу «-webkit-text-decorations-in-effect», проследите путь от структуры и входного значения до отображения или поведения. Свойство -webkit-text-decorations-in-effect относится к области «типографика» и применяется к текстовым фрагментам и часто наследуется дочерними элементами. Контрольная точка для «-webkit-text-decorations-in-effect» — перестроение при смене writing-mode.
Проверка в проекте
- Проверьте вычисленное значение -webkit-text-decorations-in-effect, наследование и контекст родителя; результат относится непосредственно к «-webkit-text-decorations-in-effect».
- Включить направление rtl и проверить логические стороны раскладки при разборе «-webkit-text-decorations-in-effect».
- Проверьте «-webkit-text-decorations-in-effect» в диалоге с возвратом фокуса после закрытия через победившую декларацию во вкладке Computed и запишите наблюдаемое изменение.
Критерий выбора «-webkit-text-decorations-in-effect» — предсказуемая работа в заявленном контексте. Для «-webkit-text-decorations-in-effect» подтвердите её через победившую декларацию во вкладке Computed и соблюдите ограничение: не подменяйте ошибку декоративным overflow hidden.
Практика с -webkit-text-decorations-in-effect
Проверьте «-webkit-text-decorations-in-effect» на контрольной странице с длинным текстом, клавиатурным управлением и узким экраном. Отдельная проверка для «-webkit-text-decorations-in-effect»: проверьте вычисленное значение -webkit-text-decorations-in-effect, наследование и контекст родителя.
Сценарий: в диалоге с возвратом фокуса после закрытия.
Ошибки при работе с -webkit-text-decorations-in-effect
Поддержка
Изолированная декларация -webkit-text-decorations-in-effect без связанных ограничений может дать другой результат в реальном компоненте — это предметный риск для «-webkit-text-decorations-in-effect».
Контекст
Фиксированные размеры, которые перестают вмещать реальное содержимое при использовании «-webkit-text-decorations-in-effect».
Устойчивость
Проверка только мышью и только на широком экране; для «-webkit-text-decorations-in-effect» проверьте это отдельно.
Поддержка -webkit-text-decorations-in-effect
Для «-webkit-text-decorations-in-effect» таблица собрана из закреплённой версии MDN Browser Compatibility Data. Указанная версия браузера показывает первое заявленное появление базовой поддержки «-webkit-text-decorations-in-effect»; окончательное решение принимайте по аудитории конкретного проекта.
Вопросы о -webkit-text-decorations-in-effect
Как понять, что «-webkit-text-decorations-in-effect» выбрано правильно?
«-webkit-text-decorations-in-effect» выбрано правильно, когда оно решает задачу «управлять чтением, переносом и визуальными характеристиками текста», сохраняет результат в диалоге с возвратом фокуса после закрытия и проходит предметную проверку: проверьте вычисленное значение -webkit-text-decorations-in-effect, наследование и контекст родителя.
Нужен ли запасной вариант для «-webkit-text-decorations-in-effect»?
Запасной вариант для «-webkit-text-decorations-in-effect» нужен, если целевой браузер или режим не обеспечивает выбранное поведение. Без улучшения «-webkit-text-decorations-in-effect» должно сохранять смысл, содержимое и основное действие.
Спецификации и источники
Синтаксис и статус проверяются по HTML Living Standard, спецификациям CSS и MDN Browser Compatibility Data. Примеры и объяснения подготовлены для этого сервиса.