Inset 属性
CSS inset 属性通过指定元素相对于默认位置的偏移量控制定位元素的位置。inset 属性包括物理、逻辑和简写的 inset 属性。
inset 属性包括物理属性(top
、left
、bottom
和 right
)、与流式布局相关的等价逻辑属性(inset-block-start
、inset-block-end
、inset-inline-start
和 inset-inline-end
),以及 inset-block
、inset-inline
和 inset
简写。
物理属性引用元素的特定物理边界。逻辑属性使用相对于块轴和行轴的方向关键字。块轴是指定义块布局中元素堆叠顺序的轴。行轴与块轴垂直,代表文本等行级内容在区块内流动的方向。这些映射取决于元素的 writing-mode
、direction
和 text-orientation
。
inset 属性的解释取决于 position
属性的值。当设置 position: absolute
时,它们代表从包含块或锚点元素插入。如果使用 position: relative
,它们表示从盒子的默认外边距边缘位置插入。如果使用 sticky
,则表示从滚动容器的边缘嵌入。fixed
值与 absolute
类似,只是元素的位置和大小是相对于其固定定位的包含块(通常是视口)而言的。
参见
- 布局与包含快
- CSS 定位布局模块
- CSS 逻辑属性和值模块
- CSS 锚点定位模块