text-indent

  • 版本:CSS1/3
  • 媒体:视觉

text-indent语法:

text-indent:[ <length> | <percentage> ] && [ hanging || each-line ]?

默认值0

适用于:所有元素

继承性:有

动画性:当使用值为非关键字时

计算值:指定值

text-indent取值:

<length>
用长度值指定文本的缩进。可以为负值。
<percentage>
用百分比指定文本的缩进。可以为负值。
each-line:
定义缩进作用在块容器的第一行或者内部的每个强制换行的首行,软换行不受影响。(CSS3)
hanging:
反向所有被缩进作用的行。(CSS3)

text-indent说明:

检索或设置对象中的文本的缩进。
  • 内联对象要使用该属性必须先使该对象表现为块级或内联块级。
  • hangingeach-line关键字紧随在缩进数值之后

    示例代码:

    div{text-indent:2em each-line;}

    以上代码将使得div内部的第一行及每个强制换行的首行都拥有2em的缩进

  • 对应的脚本特性为textIndent

text-indent兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0-11.0 #1 1.0-28.0 #1 1.0-7.0 #1 1.0-31.0 #1 1.0-18.0 #1
  1. 不支持:hanging | each-line 关键字。

text-indent示例:

5. css文本效果

css1/css25.1 text-indent(文本缩进)语法:​text-indent:|​取值::用长度值指定文本的缩进。可以为负值。:用百分比指定文本的缩进。可以为负值。​注...2016年3月13日

CSS动态实现文本框清除按钮的隐藏与显示

但是长得略微粗糙了点,设计师同学接受不了。貌似不和谐了,咋办?传授个新技能,借助HTML以及CSS,来模拟清除按钮可动态呈现的搜索框。如下CSS:...2015年6月27日

width: 300px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;测试浏览器: IE6/7/8/9...2014年8月27日

div+css文本垂直居中

作用在使用它的块元素中的文字或者图片上。使得它们在水平方向上居中。这个属性只能作用于块元素(或者被CSS控制为块元素的内联元素...4月28日

-webkit-line-clamp:3;overflow:hidden;效果如图:适用范围:因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;注...2016年11月28日

1、TextColor颜色值属性被用来设置文字的颜色,颜色值通过CSS最经常指定:十六进制:#FF0000一个RGB值:RGB(255,0,0)颜色名称...2016年10月18日

CSS文本:属性描述color设置文本颜色direction设置文本方向。line-height设置行高。letter-spacing设置字符间距。text-align对齐元素中的文本...2015年1月31日

在CSS3详解的上一篇中我们讲到了transform的具体属性和用法,今天我们看一个相对简单的text-shadow。CSS3text-shadow是什么?text-shadow的含义是:文本的阴影...2015年3月3日

charset=gb2312"/>MB5Uul{width:300px;margin:50pxauto...2014年9月12日

div多行文本固定高度的垂直居中vertical-align属性只会对拥有valign特性的(x)HTML标签起作用,在css中有一个display属性可以模拟...2016年8月31日

在使用渐变时,需要配置后备background-color或者background-image属性,供不支持css3渐变的浏览器使用,css3渐变需要编码4个样式的声明...2014年10月28日

CSS技能篇: 环形文本

有时候有一些比较短的文本需要遵循环形路径显示。这种时候,CSS就弃我们而去了。没有任何CSS属性或功能可以完成这个效果...2016年7月21日

允许在字内换行word-break:normal;}强制英文单词断行div{word-break:break-all;}3.总结了一下,只要在CSS中定义了如下句子,可保网页不会再被撑开了...2015年1月8日

标题文件有50个汉字,而我们的列表可能只有300px的宽度。假如用标题截取函数,则标题不是完整的,假如我们用CSS样式text-overflow:ellipsis,输出的标题是完整的...2015年5月14日

平时常见的css文字属性有哪些??font-size:像素,字体大小,font-family:字体名称,设置字体名称font-style...2016年4月28日

发布于2014-10-30 17:44:06CSS文本:一、缩进文本1、text-indent属性:一般来说,可以为所有块级元素应用 text-indent,但无法将该属性应用于行内元素...2014年10月30日

==color:#ffffff; opacity : 0.8;text-align : right;}CSS的渐变:CSS是“渐进性增强”...2014年10月31日

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册