0
点赞
收藏
分享

微信扫一扫

【前端学习笔记—文本属性】

菜菜捞捞 2022-04-02 阅读 52

目 录


文本属性

font-weight属性

  • 用于设置文本的粗细,可设置的值有:
属性值说明
normal标准字符(默认)
bold粗体字符
bolder更粗的字符
lighter更细的字符
100、200、300、400、500、 600、700、800、900400相当于normal 700相当于bold 数值越大字体越粗

text-transform属性

  • uppercase:全部文本均为大写字母
  • lowercase:全部文本均为小写字母
  • capitalize:文本的每个单词首字母为大写字母

text-decoration属性

属性属性值描述
text-decoration-linenone无线条设置要使用哪种文本装饰的类型 (下划线、上划线、删除线)。
underline下划线
overline上划线
line-through删除线
text-decoration-color颜色名、十六进制颜色、rgb等设置装饰线颜色
text-decoration-stylesolid实线设置装饰线的样式
double双实线
dotted点划线
dashed虚线
wavy波浪线
  • 例:
text-decoration: underline wavy red;  /* 表示为红色波浪形下划线 */

writing-mode属性

  • horizontal-tb:文本流在水平方向从上到下排列,文字方向为水平方向
    在这里插入图片描述

  • sideways-lr:文本流在垂直方向,从下至上、从左至右排列(该属性值不兼容webkit内核浏览器)
    在这里插入图片描述

  • sideways-rl:文本流在垂直方向,从上至下、从右至左排列(该属性值不兼容webkit内核浏览器)
    在这里插入图片描述

  • vertical-lr:文本流在垂直方向,从上至下、从左至右排列,文字方向为水平方向
    在这里插入图片描述

  • vertical-rl:文本流在垂直方向,从上至下、从右至左排列,文字方向为水平方向,跟古诗阅读顺序一致
    在这里插入图片描述

white-space属性

属性值描述
normal合并空格,换行符转化为一个空格,允许自动换行
nowrap合并空格,换行符转化为一个空格,不允许自动换行
pre保留空格,保留换行符,不允许自动换行
pre-line合并空格,保留换行符,允许自动换行
pre-wrap保留空格,保留换行符,允许自动换行
break-spaces保留空格,保留换行符,允许自动换行,行尾空格保留,空白符占用空间

text-indent属性

  • 固定值:设置固定首行缩进,如20px
  • 百分比:首行缩进值为父元素宽度乘此百分比

letter-spacing属性

word-spacing属性

举报

相关推荐

文本属性。

前端Day02 CSS文本属性

css:文本属性

CSS文本属性

css文本属性

006CSS文本属性

CSS基础篇---文本属性(5)

0 条评论