Quelle est la propriété pour définir le retrait du paragraphe en CSS-tutoriel CSS-php.cn

Quelle est la propriété pour définir le retrait du paragraphe en CSS

青灯夜游

Libérer： 2023-01-03 09:31:04

original

4368 Les gens l'ont consulté

L'attribut permettant de définir le retrait du paragraphe en CSS est "text-indent", et le format de syntaxe est "text-indent:length|%;" lorsque la valeur est "length", un retrait fixe peut être défini. Le type "%" permet de définir un retrait basé sur un pourcentage de la largeur de l'élément parent.

Quelle est la propriété pour définir le retrait du paragraphe en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

L'attribut permettant de définir le retrait du paragraphe en CSS est "text-indent".

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首行缩进</title>
		<style>
			.demo{
				width: 500px;
				height: 200px;
				margin: 50px auto;
			}
			.p1{
				text-indent:36px;
			}
			.p2{
				text-indent:1em;
			}
			.p3{
				text-indent:10%;
			}
		</style>
	</head>
	<body>
		<div class="demo">
			<p class="p1">这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。<b>text-indent:36px;</b></p>
		    <p class="p2">这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。<b>text-indent:1em;</b></p>
		    <p class="p3">这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。<b>text-indent:10%;</b></p>
		</div>
	</body>
</html>

Copier après la connexion

Rendu :

Quelle est la propriété pour définir le retrait du paragraphe en CSS