css---writing-mode

本文深入解析CSS中的writing-mode属性,阐述其如何定义文本的水平或垂直排布方式及行进方向,包括horizontal-tb、vertical-rl、vertical-lr等关键属性值的使用场景与效果。

概述

writing-mode属性定义了文本水平或垂直排布以及在块元素中的行进方向。
该属性的初始值为horizontal-tb文本水平。

/* Keyword values */
writing-mode: horizontal-tb;
writing-mode: vertical-rl;
writing-mode: vertical-lr;

/* Global values */
writing-mode: inherit;
writing-mode: initial;
writing-mode: unset;

horizontal-tb

文本方向为水平方向,从左到右,相邻两行垂直方向,从上倒下。

vertical-rl

文本方向为垂直方向,从上到下,相邻两行为水平方向,从右到左。rl:right to left

vertical-lr

文本方向为垂直方向,从上到下,相邻两行为水平方向,从左到右。lr: left to right

sideways-rl

文本内容从水平方向顺时针旋转90度到垂直方向,文字也一起旋转,rl:为从右到左读

sideways-lr

文本内容从水平方向逆时针旋转90度到垂直方向,文字也一起旋转,lr:为从左到右读

lr

Deprecated except for SVG1 documents. For CSS, use horizontal-tb.

lr-tb

Deprecated except for SVG1 documents. For CSS, use horizontal-tb.

rl

Deprecated except for SVG1 documents. For CSS, use horizontal-tb.

tb

Deprecated except for SVG1 documents. For CSS, use vertical-lr.

tb-rl

Deprecated except for SVG1 documents. For CSS, use vertical-rl.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值