Inset 属性

CSS inset 属性通过指定元素相对于默认位置的偏移量控制定位元素的位置。inset 属性包括物理、逻辑和简写的 inset 属性。

inset 属性包括物理属性(topleftbottomright)、与流式布局相关的等价逻辑属性inset-block-startinset-block-endinset-inline-startinset-inline-end),以及 inset-blockinset-inlineinset 简写。

物理属性引用元素的特定物理边界。逻辑属性使用相对于块轴和行轴的方向关键字。块轴是指定义块布局中元素堆叠顺序的轴。行轴与块轴垂直,代表文本等行级内容在区块内流动的方向。这些映射取决于元素的 writing-modedirectiontext-orientation

inset 属性的解释取决于 position 属性的值。当设置 position: absolute 时,它们代表从包含块锚点元素插入。如果使用 position: relative,它们表示从盒子的默认外边距边缘位置插入。如果使用 sticky,则表示从滚动容器的边缘嵌入。fixed 值与 absolute 类似,只是元素的位置和大小是相对于其固定定位的包含块(通常是视口)而言的。

参见