css中text(文本)属性的写法介绍

本篇文章给大家带来的内容是关于css中text(文本)属性的写法介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

一、color文本颜色

写法：body｛color：red｝，h1{color:#ooffoo},h2{color:rgb(255,0,0)}

二、text-align文本对齐方式

写法：text-align：center；right；left；justify；

其中jusitify是指每一行被展开为宽度相等，左右外边距是对齐

三、text-decoration文本修饰

写法：text-decoration:none(默认)；overline;line-through;underline;blink;inherit;

四、text-transform文本转换

写法：text-transform:none(默认)；uppercase(仅大写字母);lowercase(仅小写字母);capitalize(每个单词以大写字母开头);inherit；

五、text-indent文本缩进

写法：text-indent:0(默认为0);length；%（百分比）;inherit;

六、word-spacing文本间隔

写法：text-spacing:normal(默认，标准空间);length;inherit;

七、line-height

写法：line-height:normal(默认，合理的行间距);number（数字会与当前的字体尺寸相乘来设置行间距）；length；%；inherit；

八、direction文本方向

写法：direction:ltr(默认,左到右);rtl（右到左）;inherit；

九：letter-spacing字符间距

写法：letter-spacing:normal(默认)；length（定义固定空间，允许使用负值）；inherit；

十：text-shadow文本阴影

写法：text-shadow:none(默认)；h-shadow(必需。水平阴影允许负值)；v-shadow（必需。垂直阴影允许负值）；blur（可选，模糊的距离）；color（可选，阴影的颜色）

eg：

h1{text-shadow：2px 2px #ff0000;}

十一、unicode-bidi与direction属性一起使用，来设置或返回文本是否被重写，以便在同一文档中支持多种语言。

写法：unicode-bidi：normal（默认，不用附加的嵌入层面）；embed（创建一个附加的嵌入层面）；bidi-override（创建一个附加的嵌入层面。重新排序取决于direction的属性。）；initial（设置该元素为它的默认值）；inherit；

十二、vertical-align垂直对齐

写法：vertical-align:baseline(默认，元素放在父元素的基线上)；sub（垂直对齐文本的下标）；super（垂直对齐文本的上标）；top(把元素的顶端与行中最高元素的顶端对齐)；text-top（把元素的顶端与父元素字体的顶端对齐）；middle（把此元素放置在父元素的中部）；bottom（把元素的顶端与行中最低的元素的顶端对齐）；text-bottom（把元素的底端与父元素字体的底端对齐）；length；%（使用“line-height”属性的百分比值来排列此元素。允许使用负值）；inherit；

十三、white-space指定元素内的空白怎样处理

写法：white-space:normal(默认。空白会被浏览器忽略。);pre（空白会被浏览器保留。其行为方式类似html中的e03b848252eb9375d56be284e690e873标签）;nowrap(文本不会换行，文本会在同一行上继续，直到遇到0c6dc11e160d3b678d68754cc175188a标签为止)；pre-wrap（保留空白符序列，但是正常地进行换行）;pre-line(合并空白符序列，但是保留换行符)；inherit；

 相关推荐：

CSS-文本垂直居中_html/css_WEB-ITnose

css文本样式及控制文本的大小写方法

Atas ialah kandungan terperinci css中text(文本)属性的写法介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!