  ### 利用CSS还可以控制段落的属性，主要包括单词间隔、字符间隔、文字修饰、纵向排列、文本转换、文本排列、文本缩进和行高等。

1.1 单词间隔 word-spacing

语法：

word-spacing：取值

说明：

取值可以使用mormal,也可以使用长度值。normal指正常的间隔，是默认选项；长度是设置单词间隔的数值及单位，也可以使用负值。

1.2 字符间隔 letter-spacing

使用间隔可以控制字符之间的间隔距离。

语法：

letter-spacing:取值

1.3 文字修饰 text-decoration

使用文字修饰属性可以对文本进行修饰，如设置下划线、删除线等。

语法：

text-decoration:取值

说明：

none 表示不修饰，是默认值；underline表示对文字添加下划线；overline表示对文字添加上划线；line-through表示对文本添加删除线；blink表示文字闪烁效果。

1.4 垂直对齐方式 bertical-align

使用垂直对齐方式可以设置文字的垂直对齐方式。

语法：

vertical-align:排列取值

说明:

vertical-align 包括以下取值：

baseline:浏览器默认的垂直对齐方式；

sub:文字的下标；

super:文字的上标

top:垂直靠上对齐；

text-top:使元素和上级元素的字体向上对齐；

middle:垂直居中对齐；

text-bottom:使元素和上级元素的字体向下对齐。

1.5 文本转换 text-transform

文本转换属性用来转换英文字母的大小写。

语法:

text-transform：转换值

说明：

text-transform包括以下取值：

none:表示使用原始值；

capitalize:表示使用每个单词的第一个字母大写；

uppercase:表示使用每个单词的所有字母大写；

lowercase:表示使用每个单词的所有字母小写；

1.6水平对齐方式 text-align

使用text-align属性可以设置文字的水平对齐方式。

语法:

text-align:排列值

说明：

水平对齐方式取值包括：left,right,center,justify四种。

1.7 文本缩进 text-indent

  在HTML中只能控制段落的整体向右缩进，如果不进行设置，浏览器则默认为不缩进，而在CSS中可以控制段落的首行缩进以及进行的缩进的距离。

语法:

text-align:缩进值

1.8 文本行高 line-height

使用文本行高属性可以控制段落中行与行之间的距离。

语法:

text-align:行高值

说明：
行高值可以为长度、倍数或百分比。

1.9 处理空白 white-space

white-space 属相用于设置页面内容空白的处理方式

语法:

white-space:空白值

说明：
white-space包括3个值，其中normal是默认属性，pre会导致源代码中的空格和换行符被保留，nowrap强制在同一行内显示所有文本。

1.10 文本反排unicode-bidi、direction

unicode-bidi、direction 属性经常一起使用，用来设置对象的阅读顺序。

1.unicode-bidi 属性

语法:

unicode-bidi:bidi-override |normal| embed

说明：

在unicode-bidi属性的值中，bidi-override表示严格按照direction属相的值重排列；normal表示为默认值；embed表示对象打开附加的嵌入层，direction属性的值制定嵌入层，在对象内部进行隐试重排列。

2.direction 属性

语法:

unicode：lir |rtl| inherit

说明：

direction属性的值中，ltr表示从左到右的顺序阅读；rtl表示从右到左的顺序阅读；inherit表示文本流的值不可继承。

作者：13期-李美静
来源：CSDN
原文：https://blog.csdn.net/limeijng/article/details/78717068
版权声明：本文为博主原创文章，转载请附上博文链接！

CSS文字和段落设置相关推荐

php 自定义行间距,css文字行间距怎么设置？css设置行间距方法
在css样式中,很多人对css文字行间距并不是很熟悉,下面第一PHP社区带你了解一下css文字行间距怎么设置?以及css设置行间距方法. css文字行间距怎么设置?css设置行间距方法在一篇文章 ...
css中字体之间的距离是什么意思,css字符间距(css文字间距怎么设置)
怎么样控制字和字之间的间距,而不是行间距. 在需要设置的CSS标签下加入一下代码即可.word-spacing:8px;letter-spacing: 1px; line-height:25px是绝对 ...
CSS浮动+背景图片+边框+文字排版+段落设置
一.CSS浮动 1.简介默认的框是上下移动,CSS浮动可以控制浮动的框向左或者向右移动float属性属性值说明 left 元素向左浮动 right 元素向右浮动 none 默认值,元素不浮动浮动意 ...
CSS文字和段落排版
文字排版 [字体] 我们可以使用css样式为网页中的文字设置字体.字号.颜色等样式属性.下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体. body{font-family:" ...
css文字不透明度怎么设置？
在css中有很多好看的样式都可以实现,css设置出来的样式让整个网页看起来也会非常美观,今天的这篇文章就给大家来介绍一下在css中怎么设置文字的透明度,让你的文字在网页中看起来是透明的. CSS设置透 ...
html改变文字方向,css文字方向怎么设置？
一般地,正常网页文本方向都是从上到下,从左到右.实际上,有多种设置文本方向的属性,置文本方向的CSS样式有direction.unicode-bidi等方法.本文将详细介绍网页文本方向的设置方法. c ...
css文字溢出省略号设置的两种方式
1.多行文本 display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; 2.通 ...
html怎么给段落设置背景色,css的(文字、背景、段落)样式
文字样式属性: font-style:normal/ italic [设置文本为斜体] font-weight:normal(100-500)/ bold(600-900) [设置文本为粗体] fo ...
html文字段落设置,css中怎么设置段落样式？
段落是文章的基本单位,也是网页的基本单位.段落的放置与效果的显示会影响到页面的布局和风格.CSS样式提供了多种属性,来实现对页面中段落文本的控制. css设置段落样式的方法: 对齐方式通过 text- ...

CSS文字和段落设置