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