CSS 逻辑属性与逻辑值
CSS 逻辑属性与逻辑值这一 CSS 模块引入了逻辑属性和逻辑值,由此得以通过逻辑的——而不是实体的——方向与尺度映射控制布局。
此模块也为之前在 CSS 2.1 中定义的属性定义了逻辑属性和逻辑值。逻辑属性定义了在相对方向下与对应的实体属性相等价的属性。
块向与行向
参考
尺寸属性
用于外边距、边框和内边距的属性
border-block
border-block-color
border-block-end
border-block-end-color
border-block-end-style
border-block-end-width
border-block-start
border-block-start-color
border-block-start-style
border-block-start-width
border-block-style
border-block-width
border-color
border-inline
border-inline-color
border-inline-end
border-inline-end-color
border-inline-end-style
border-inline-end-width
border-inline-start
border-inline-start-color
border-inline-start-style
border-inline-start-width
border-inline-style
border-inline-width
border-start-start-radius
border-start-end-radius
border-end-start-radius
border-end-end-radius
border-style
border-width
margin
(logical
实验性 关键词)margin-block
margin-block-end
margin-block-start
margin-inline
margin-inline-end
margin-inline-start
padding
(logical
实验性 关键词)padding-block
padding-block-end
padding-block-start
padding-inline
padding-inline-end
padding-inline-start
用于浮动和定位的属性
clear
(inline-end
和inline-start
关键词)float
(inline-end
和inline-start
关键词)inset
inset-block
inset-block-end
inset-block-start
inset-inline
inset-inline-end
inset-inline-start
用于尺寸局限的属性
其他属性
caption-side
(inline-end
和inline-start
关键词)overflow-block
overflow-inline
overscroll-behavior-block
overscroll-behavior-inline
resize
(block
和inline
关键词)text-align
(end
和start
关键词)
弃用属性
offset-block-end
非标准 已弃用 (现为inset-block-end
)offset-block-start
非标准 已弃用 (现为inset-block-start
)offset-inline-end
非标准 已弃用 (现为inset-inline-end
)offset-inline-start
非标准 已弃用 (现为inset-inline-start
)
指南
规范
Specification |
---|
CSS Logical Properties and Values Level 1 |
浏览器兼容性
完整的兼容性信息见各属性的页面。