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