CSS 中的inset-block 属性用于定义逻辑块的开始和结束偏移,而不是用于行内偏移或逻辑块。此属性可以应用于任何写入模式属性。
句法:
inset-block: length | percentage | auto | inherit | initial | unset;
属性值:
- 长度:它设置了一个固定值,定义在 px、cm、pt 等中。也允许负值。它的默认值为 0px。
- 百分比:与长度相同,但根据窗口大小的百分比设置。
- auto:当需要浏览器确定插入块时使用。
- initial:用于将 inset-block 属性的值设置为其默认值。
- 继承:当希望元素从其父元素继承 inset-block 属性时使用。
- unset:用于取消设置默认的 inset-block 属性值。
下面的例子说明了 CSS 中的 inset-block 属性:
示例 1:
CSS | inset-block Property
Geeksforgeeks
CSS | inset-block Property
A Computer Science Portal for Geeks
输出:
示例 2:
CSS | inset-block Property
Geeksforgeeks
CSS | inset-block Property
A Computer Science Portal for Geeks
输出:
支持的浏览器: inset-block 属性支持的浏览器如下:
- 火狐
- 谷歌浏览器
- 边缘
- 歌剧
参考: https://developer.mozilla.org/en-US/docs/Web/CSS/inset-block