首页 > web前端 > css教程 > css文本属性有哪些?css文本属性的介绍

css文本属性有哪些?css文本属性的介绍

不言
发布: 2018-08-18 11:59:20
原创
4782 人浏览过

在css样式中文本属性有哪些?每一个css文本属性又有哪些用法?本篇文章将给大家带来关于css文本属性的介绍(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

1、css文本属性之文本中大小写字母转换—text-transform
属性值:
uppercase;(全部大写)
         lowercase;(全部小写)
         capitalize;(在所有小写单词中,首字母大写)

p{    text-transform:uppercase;}
登录后复制

2、css文本属性之文本居中——text-align
属性值:
center;(居中)
left;(左边对齐)
right(右边对齐)

p{    text-align:center;}
登录后复制

3、css文本属性之段落缩进—–text-indent
em(是以字为单位),±都可以

p{    text-indent: 3em;}
登录后复制

4.css文本属性之设置文字装饰效果——text-decoration
属性值:
none(去掉下划线)
underline(加下划线)
overline(加上划线)
line-through(加删除线)

a{    text-decoration:none;}
登录后复制

5.css文本属性之设置段落行高—-line-height
属性值:百分比,px,数字

a{    line-height:13px;}
登录后复制

6.css文本属性之设置字词间距
word-spacing(只对英文有用)
letter-spacing(汉字和英文都可以)

p{    letter-spacing: 16px;}
登录后复制

7.css文本属性之段落间距-margin

p{    margin: 66px;}
登录后复制

8.css文本属性之边框——border
属性值有三个:大小,颜色,样式;
边框样式有:solid(实线),dashed(虚线),dotted(点线)

p{    border:3px lightgreen solid;}
登录后复制

9.css文本属性之空格——white-space
属性值:
pre;(与预设一样)
nowrap;(文字不自动换行)
inherit;(继承父本)
normal;(显示一个)

p{    white-space: pre;}
登录后复制

10.css文本属性之设置输入法状态-ime-mode
属性值:
auto;默认
active;激活本地语言输入法;
inactive:激活非本地语言输入法;
disabled;禁止输入法,不能输入汉字

相关推荐:

用CSS动态控制文本属性_CSS/HTML 

css中文本换行属性word-wrap和white-space                                                                      

以上是css文本属性有哪些?css文本属性的介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板