CSS 錨點定位
CSS 錨點定位模組定義了允許您將元素相互連線的功能。某些元素被定義為錨點元素；錨點定位元素可以根據它們所繫結的錨點元素的大小和位置來設定自身的大小和位置。
此外，該規範還提供了純 CSS 機制來
- 為錨定元素指定一組備選位置；當預設渲染位置導致它溢位其包含塊和/或在螢幕外渲染時，瀏覽器將嘗試在備選位置渲染錨定元素。
- 在不適合將錨點定位元素與其錨點元素連線的情況下，宣告錨點定位元素應該隱藏的條件。
參考
屬性
anchor-nameposition-anchorposition-areaposition-try-fallbacksposition-try-orderposition-try簡寫position-visibility
CSS 錨點定位模組還引入了 anchor-scope 屬性。目前，沒有瀏覽器支援此功能。
At-rule 和描述符
函式
資料型別和值
HTML 屬性
anchor非標準
介面
指南
- 使用 CSS 錨點定位
-
基本錨點定位概念的入門指南，包括元素相對於其錨點的關聯、定位和大小調整。
- 溢位時的備用選項和條件隱藏
-
一份關於 CSS 錨點定位提供的機制的指南，以防止錨點定位元素溢位其包含元素或視口，包括位置嘗試備用選項和條件隱藏元素。
相關概念
- CSS 邏輯屬性和值模組
inset-block-startinset-block-endinset-inline-startinset-inline-endinset-blockinset-inlineinset簡寫inline-sizemin-block-sizemin-inline-sizeblock-sizemax-block-sizemax-inline-sizemargin-blockmargin-block-endmargin-block-startmargin-inlinemargin-inline-endmargin-inline-start- Inset 屬性 詞彙表術語
- CSS 定位佈局模組
- CSS 盒模型模組
- CSS 盒模型對齊模組
規範
| 規範 |
|---|
| CSS 錨點定位 |