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/*文字描边颜色*/