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