内边距属性
在 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 类似,不同之处在于元素的定位和尺寸是相对于其固定定位包含块(通常是视口)而言的。