Позиционирование якорей CSS
Модуль позиционирования якорей CSS определяет возможности привязки элементов друг к другу. Некоторые элементы определяются как элементы-якоря; элементы, позиционированные относительно якоря, могут затем изменять свой размер и положение на основе размера и местоположения элементов-якорей, к которым они привязаны.
Кроме того, спецификация предоставляет чисто CSS-механизмы для:
- Указание набора альтернативных позиций для привязанного элемента; когда позиция по умолчанию вызывает переполнение содержащего блока и/или вывод элемента за экран, браузер попытается отобразить привязанный элемент в альтернативных позициях вместо этого.
- Объявление условий, при которых элементы, позиционированные относительно якоря, должны быть скрыты в ситуациях, когда их привязка к элементам-якорям не уместна.
Справочник
Свойства
anchor-nameposition-anchorposition-areaposition-try-fallbacksposition-try-order-
position-tryсокращение position-visibility
Примечание: Модуль позиционирования якорей CSS вводит свойство anchor-scope , которое пока не реализовано.
Правила @ и описатели
Функции
Типы данных и значения
Атрибуты HTML
-
anchorНестандартно
Интерфейсы
Руководства
- Использование позиционирования якорей CSS
-
Вводное руководство по основным понятиям позиционирования якорей, включая связывание, позиционирование и размер элементов относительно их якоря.
- Обработка переполнения: варианты fallback и условное скрытие
-
Руководство по механизмам позиционирования якорей CSS для предотвращения переполнения элементов, позиционированных относительно якоря, своих контейнеров или области просмотра, включая варианты fallback позиций и условное скрытие элементов.
Связанные понятия
Спецификации
| Спецификация |
|---|
| Позиционирование якорей CSS |
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning