Quelle est la propriété CSS de retrait de paragraphe ?-tutoriel CSS-php.cn

Quelle est la propriété CSS de retrait de paragraphe ?

青灯夜游

Libérer： 2023-01-03 09:25:34

original

4860 Les gens l'ont consulté

La propriété CSS de retrait de paragraphe est "text-indent". L'attribut CSS text-indent est utilisé pour définir le retrait de la première ligne de texte dans le bloc de texte. Le format de syntaxe est "text-indent: indent value;"; , la première ligne restera en retrait.

Quelle est la propriété CSS de retrait de paragraphe ?

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

La propriété CSS de retrait de paragraphe est "text-indent".

Il existe une coutume dans la composition chinoise selon laquelle deux caractères chinois doivent être laissés vides au début de la première ligne de chaque paragraphe de texte. Il existe une propriété spéciale text-indent en CSS qui peut contrôler la distance d'indentation de la première ligne d'un paragraphe.

L'attribut text-indent spécifie l'indentation de la première ligne de texte dans un bloc de texte.

Syntaxe :

text-indent：缩进值;

Copier après la connexion

Quelle est la propriété CSS de retrait de paragraphe ?

Remarque : les valeurs négatives sont autorisées. Si la valeur est négative, indentez la première ligne à gauche.

[Tutoriel recommandé : Tutoriel vidéo CSS ]

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: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:10%;</b></p>
		</div>
	</body>
</html>

Copier après la connexion

Rendu :

Quelle est la propriété CSS de retrait de paragraphe ?