1. 首页
  2. css

CSS边距内联端

CSS中的margin-inline-end属性定义了沿内联方向元素的外部结束边缘的空间量。它包含在CSS逻辑属性级别1规范中,目前正在起草中。
.element {margin-inline-end: 25%;writing-mode: vertical-lr;}
内联方向的结束边缘由元素\”swriting-mode、direction和text-orientation确定。所以,当在水平的从左到右的上下文中使用margin-inline-end时,它的作用就像margin-right一样,因为元素的结束边是右侧。
但是如果我们将writing-mode改为,比如说,垂直,元素将顺时针旋转,将结束边放在底部。因此,margin-inline-end的行为就像margin-bottom。基本上,起始边是相对于它流动的方向。这就是我们在谈论\”逻辑\”属性时的意思。
Syntax
***10**
在文档中看到一个属性的语法引用另一个CSS属性的语法有点奇怪,但这就是它的真正含义。它的基本意思是,属性接受与margin-top相同的值,它遵循以下语法:
margin-top: | | auto;
– 初始值:0
– 适用于:除内部表元素、ruby基容器以外的所有元素,而ruby注解容器继承了:否:
– 百分比:至于对应的物理属性:
– 计算值:与对应的margin-*属性相同
– 动画类型:按计算值类型.element { margin-block-end: 25%; }marginGeoff GrahamAlmanac2021年1月15日margin block start.element { margin-block-start: 25%; }margin

CSS边距内联端 为WP2原创文章,链接:https://www.wp2.cn/css/css%e8%be%b9%e8%b7%9d%e5%86%85%e8%81%94%e7%ab%af/