太原做网站

网站维护托管

css3新增文本属性

web前端很多都是在操作文本,字符,css3也新增了一些文本操作的属性,下面一起来看看。


一、white-space:对象内空格的处理方式:


white-space:nowrap /*控制文本不换行*/

white-space:pre /*空白会被浏览器保留*/

white-space:pre-line /*合并空白 保留换行符*/

white-space:pre-wrap /*保留空白 正常换行*/

二、direction:文本流的方向:


direction:ltr /*文本从左向右*/

direction: rtl /*文本从右往左*/

三、text-align:文本的对齐方式:


原来css1中的属性:

text-align:left/*左对齐*/

text-align:center/*居中对齐*/

text-align:rightt/*右对齐*/

text-align:justify/*内容两端对齐*/

现在css3新增的属性:

text-align:start/*开始边界对齐*/

text-align:end/*结束边界对齐*/

四、text-decoration:文本的装饰线,复合属性:


text-decoration:#f00 double overline/*颜色、种类、样式*/

五、text-shadow立体阴影效果:


text-shadow:0px 0px 5px #ccc/*横向偏移、纵向偏移、模糊距离、阴影颜色*/

六、text-fill-color:文字填充颜色:


text-fill-color:red/*文字填充颜色*/

七、text-stroke设置文字的描边:


text-stroke-width:4px/*文字描边厚度*/

text-stroke-color:red/*文字描边颜色*/


发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

«   2020年10月   »
1234
567891011
12131415161718
19202122232425
262728293031
网站分类
搜索
最新留言
    文章归档
    友情链接