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