CSS | inset-block-end 属性

inset-block-end 属性用于设置一个元素的底部内边距到其包含块底部边缘的距离。它只适用于定位元素（即 position 属性值为 absolute、fixed、sticky 或 relative 的元素）。

语法

/* 关键字语法 */
inset-block-end: auto;
inset-block-end: <length>;
inset-block-end: <percentage>;

/* 全局值语法 */
inset-block-end: inherit;
inset-block-end: initial;
inset-block-end: unset;

值

• auto：默认值，元素底端内边距为0。
• <length>：用长度单位（如 px、em 或 rem）指定元素底部内边距到其包含块底部边缘的距离。
• <percentage>：将元素的高度的百分比转换为其包含块高度的百分比。

示例

position: absolute;
inset-block: 50px;
inset-block-end: 20px;

上面的 CSS 规则将元素的顶部边沿偏移50像素，并将其底部内边距设置为20像素。

position: fixed;
left: 0;
inset-block-end: 0;
width: 100%;

这个元素被固定在浏览器的顶部，它的底部与浏览器窗口底部对齐，并且宽度等于浏览器窗口的宽度。

浏览器兼容性

该属性兼容性与支持定位属性的浏览器相同。在不支持该属性的浏览器中，它会被忽略。

参考资料

• MDN Web 文档 - inset-block-end