这篇文章主要介绍css中text属性的语法格式,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
创新互联专注于企业网络营销推广、网站重做改版、上思网站定制设计、自适应品牌网站建设、成都h5网站建设、商城网站定制开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为上思等各大城市提供网站开发制作服务。
一、color文本颜色
写法:body{color:red},h2{color:#ooffoo},h3{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:
h2{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中的
标签);nowrap(文本不会换行,文本会在同一行上继续,直到遇到
标签为止);pre-wrap(保留空白符序列,但是正常地进行换行);pre-line(合并空白符序列,但是保留换行符);inherit;以上是“css中text属性的语法格式”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
文章名称:css中text属性的语法格式
分享路径:http://lszwz.com/article/giipgg.html
售后响应及时
7×24小时客服热线数据备份
更安全、更高效、更稳定价格公道精准
项目经理精准报价不弄虚作假合作无风险
重合同讲信誉,无效全额退款