CSS学习--文本处理

文本处理

写入模式

writing-mode: horizontal-tb | vertical-rl | vertical-lr;

值	描述
horizontal-tb	文本横向，块流向从上至下
vertical-rl	文本纵向，块流向从右至左
vertical-lr	文本纵向，块流向从左至右

inline-size（内联尺寸）

属性影响一个元素的width 或 height，以改变一个元素的盒模型的水平或垂直大小

block-size（块级尺寸）

定义了元素区块的水平宽度和垂直高度，也就是width或height属性，它们的大小取决于写入模式，即writing-mode的值。

注意： 当写入为horizontal-tb时，inline-size控制的是width，block-size控制height

物理值	逻辑值
padding-top	padding--block-start
padding-left	padding--inline-start
margin-top	margin-block-start
margin-left	margin-inline-start
border-bottom	border-block-end
border-right	border-inline-end
top	block-start
right	inline-end
bottom	block-end
left	inline-start