首页 > web前端 > css教程 > css文本属性有什么

css文本属性有什么

coldplay.xixi
发布: 2023-01-03 09:26:21
原创
12923 人浏览过

css文本属性:1、margin段落间距;2、【text-align】文本居中;3、【text-indent】段落缩进;4、【text-decoration】设置文字装饰效果;5、【line-height】设设置段落行高。

css文本属性有什么

本教程操作环境:windows10系统、css3版,DELL G3电脑,该方法适用于所有品牌电脑。

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:3pxlightgreensolid;}
登录后复制

9、css文本属性之空格——white-space

  属性值:

  •   pre;(与预设一样)

  •   nowrap;(文字不自动换行)

  •   inherit;(继承父本)

  •   normal;(显示一个)

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

10、css文本属性之设置输入法状态-ime-mode

  属性值:

  •   auto;默认

  •   active;激活本地语言输入法;

  •   inactive:激活非本地语言输入法;

  •   disabled;禁止输入法,不能输入汉字

推荐(免费):css视频教程

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

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