文章标签

position-visibility 属性提供某些条件来隐藏 锚点定位元素 视图。

.target {
  position: absolute;
  position-anchor: --my-anchor;
  position-visibility: no-overflow;
}

position-visibility 属性对普通元素没有任何影响。 这是因为它属于...

CSS position-try-order 属性设置目标元素尝试使用的位置顺序，以在锚元素周围显示自身。 可以把它理解为为目标元素设置首选位置，并提供其他选项...

CSS position-try-fallbacks 属性接受一个不同的选项列表，用于“目标”元素相对于“锚”元素进行定位，方法是尝试一个声明的逗号分隔的选项列表。 如果第一个选项没有足够的可用空间...

inset-area 属性通过声明行和列，在 锚元素 周围创建一个假想的 3×3 网格，并使用它将一个 锚点定位（或“目标”）元素设置在网格的一个区域或跨越网格的多个区域。...

position-anchor 属性将绝对定位的元素链接到“锚”元素。 这将定义默认锚点，并用于“目标”元素上的多个锚点属性和函数。

换句话说，该属性定位（或锚...

从 6 月 11 日至 13 日，CSS 工作组（CSSWG）在西班牙科鲁尼亚举行了今年的第二次面对面会议，议程中包含了大量即将添加到该语言的新功能和改进。 如果说 2023 年带来了像 ... 这样的令人难以置信的进步...

在元素上声明 CSS anchor-name 属性会将其注册为“锚点”，我们可以将其用作定位其他元素的参考。

.anchor {
  anchor-name: --my-anchor;
}

该属性是 CSS 锚点定位 的一部分...