css3新增文本属性

阅读() @2018-07-15 14:13:30

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/*文字描边颜色*/
微信二维码