CSS不常用属性---Tips1文本样式

字体样式

font-variant

设置字体是否以小型大写字母显示。

p{    font-variant: small-caps; /* 让小写字母以小型大写字母显示。*/}

font

字体设置简写组合方式。格式如下：[是否倾斜|是否加粗|是否转小型大写] 字体大小 字体名称；

p{    font: bold italic 20px 楷体;}

文本样式

text-decoration

设置文本出现下划线

1. underline 让文本的底部出现一条下划线

2. overline 让文本的头部出现一条上划线

3. line-through 让文本的中部出现一条删除划线

.p1 {    text-decoration: underline;}.p2{    text-decoration: line-through;}.p3{    text-decoration: overline;}

text-transform

设置英文文本转换为大小写

1. capitalize 将英文单词首字母大写

letter-spacing

设置文本之间的间距。

.p1 {    letter-spacing: 6px;}

word-spacing

设置英文单子之间的间距。

.p2{    word-spacing: 6px;}

text-indent

设置文本首行的缩进。

p {     text-indent: 2em;}

white-space

设置如何处理元素内的空白
-nowrap 文本不会换行，文本会在在同一行上继续，直到遇到
标签为止。

text-overflow

text-overflow 属性来控制文本的溢出部分，它的作用是对溢出的部分裁剪掉，然后判定是否添加省略号。

1. clip 默认值，裁剪文本时不添加“...”省略号

2. ellipsis 裁剪文本时添加“...”省略号

关键字：css, html, 文本, 字体

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！