内嵌属性
在 CSS 中,**内边距属性**通过指定元素默认位置的偏移量来控制定位元素的位置。存在物理、逻辑和简写内边距属性。
内边距属性包括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
。
内边距属性的解释取决于position
属性的值。当设置position: absolute
时,它们表示来自包含块或锚元素的内边距。使用position: relative
时,它们表示来自盒子默认边距边缘位置的内边距。使用sticky
时,它们表示来自滚动容器边缘的内边距。fixed
值类似于absolute
,但元素相对于其固定定位包含块进行定位和大小调整,该包含块通常是视口。
另请参阅
- 布局和包含块
- CSS 定位布局模块
- CSS 逻辑属性和值模块
- CSS 锚定位模块