2022年02月18日整理发布:css中设置段落缩进的属性是什么

互联网   2023-07-29 16:14:07

css中设置段落缩进的属性为“text-indent”,语法格式为“text-indent : length | %;”;当值为“length”时可以定义固定缩进,当值为“%”时可以定义基于父元素宽度百分比的缩进。

本教程操作环境:windows7系统,CSS3HTML5第5版,戴尔G3电脑。

css中设置段落缩进的属性是“text-indent”。


(资料图)

示例:

!声明文档类型

超文本标记语言

meta charset="UTF-8 "

标题首行缩进/标题

风格。演示{

宽度: 500 px;

height: 200px

margin: 50px auto

}

. p1{

text-indent :36 px;

}

. p2{

text-indent :1 em;

}

. p3{

text-indent :10%;

}

/style

/head

身体

div class="demo "

这是一个测试代码,一个关于css文本缩进的文本.这是一个测试代码,一个关于css文本缩进的文本。这是一个测试代码,一个关于css文本缩进的文本。这是一个测试代码,一个关于css文本缩进的文本。这是一个测试代码,一个关于css文本缩进的文本。这是一个测试代码,一个关于css文本缩进的文本。btext-indent :36 px;/b/p

这是一段测试代码,一段关于css文本缩进的文字。这是一个测试代码,一个关于css文本缩进的文本。这是一个测试代码,一个关于css文本缩进的文本。这是一个测试代码,一个关于css文本缩进的文本。这是一个测试代码,一个关于css文本缩进的文本。这是一个测试代码,一个关于css文本缩进的文本。btext-indent :1 em;/b/p

这是一段测试代码,一段关于css文本缩进的文字。这是一个测试代码,一个关于css文本缩进的文本。这是一个测试代码,一个关于css文本缩进的文本。这是一个测试代码,一个关于css文本缩进的文本。这是一个测试代码,一个关于css文本缩进的文本。这是一个测试代码,一个关于css文本缩进的文本。btext-indent :10%;/b/p

/div

/body

/html渲染:

【推荐教程:CSS视频教程】

描述:

text-indent属性指定文本块中第一行文本的缩进。

注意:允许负值。如果该值为负值,则将第一行向左缩进。

属性值:

长度值定义了一个固定的缩进。默认值:0。%根据父元素宽度的百分比定义缩进。有关编程的更多信息,请访问:编程视频!以上是css中设置段落缩进属性的详细内容。请多关注php中文网站的其他相关文章!

来源:php中文网站

热文榜单