margin-inline 属性用于定义元素的逻辑内联开始和结束边距。此属性有助于根据元素的书写模式、方向性和文本方向放置边距。
句法:
margin-inline: length | auto | initial | inherit | unset;
属性值:
- 长度:它设置了一个固定值,以 px、cm、pt 为单位定义。负值也是允许的。 0px 是默认值。
- auto:当需要浏览器确定左边距的宽度时使用。
- initial:用于将 margin-left 属性的值设置为其默认值。
- 继承:当希望元素继承其父元素的 margin-left 属性作为自己的元素时使用。
- unset:用于取消设置默认的边距块。
下面的例子说明了 CSS 中的 margin-inline 属性:
示例 1:
html
CSS | margin-inline Property
Geeksforgeeks
CSS | margin-inline Property
Cascading Stylesheet
html
CSS | margin-inline Property
Geeksforgeeks
CSS | margin-inline Property
Cascading Stylesheet
输出:
示例 2:
html
CSS | margin-inline Property
Geeksforgeeks
CSS | margin-inline Property
Cascading Stylesheet
输出:
参考: https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline
支持的浏览器: margin-inline 属性支持的浏览器如下:
- IE浏览器
- 火狐浏览器