CSS text-indent 属性

实例

将段落的第一行缩进 50 像素:

p
  {
  text-indent:50px;
  }

亲自试一试

浏览器支持

IE Firefox Chrome Safari Opera

所有浏览器都支持 text-indent 属性。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

定义

text-indent 属性规定文本块中首行文本的缩进。

注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。

注意:在 CSS 2.1 之前,text-indent 总是继承计算值,而不是声明值。

说明

用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值,这会产生一种“悬挂缩进”的效果。

默认值: not specified
继承性: yes
版本: CSS1
JavaScript 语法: object.style.textIndent="50px"

可能的值

描述
length 定义固定的缩进。默认值:0。
% 定义基于父元素宽度的百分比的缩进。
inherit 规定应该从父元素继承 text-indent 属性的值。

TIY 实例

缩进文本
本例演示如何缩进文本首行。

相关页面

CSS 教程:CSS 文本

HTML DOM 参考手册:textIndent 属性

VUE 进阶教程