CSS 逻辑属性和值都和书写方式writing-mode在 CSS 中拥有属性值相关联：
horizontal-tb：这是默认值，为英语或法语等语言设置从左到右的方向，以及阿拉伯语等从右到左的语言。该tb代表“顶部至底部。”vertical-rl：对于中文、日文和韩文等语言，这会将方向更改为垂直方向的从右到左。vertical-lr：这用于从左到右的垂直语言，例如蒙古语。
1、margin-inline属性同时设置margin-left和margin-right。margin-block属性同时设置margin-top和margin-bottom。
2、padding-inline属性同时设置padding-left和padding-right。padding-block属性同时设置padding-top和padding-bottom。
3、inline-size设置元素的宽度，同时block-size设置高度。
4、inset-block-start相当于设置top，inset-block-end相当于设置bottom。在水平书写模式下，从左到右的方向inset-inline-start相当于left，而inset-inline-end相当于right。
5、text-align: start与 相同text-align: left，而text-align: end与 相同text-align: right。如果将该dir属性设置为rtl，则它们会切换并将text-align: start文本向右对齐。
6、border-start-radius和border-end-radius等
7、Firefox 支持inline-start和inline-end作为float值。
详细移步：https://css-tricks.com/css-logical-properties-and-values/
