Maison > interface Web > tutoriel CSS > Comment définir le retrait du paragraphe en CSS

Comment définir le retrait du paragraphe en CSS

王林
Libérer: 2020-11-17 10:02:41
original
3890 Les gens l'ont consulté

Comment définir le retrait d'un paragraphe en CSS : vous pouvez utiliser l'attribut text-indent pour le définir, tel que [text-indent:36px;]. L'attribut text-indent est utilisé pour spécifier l'indentation de la première ligne de texte dans un bloc de texte.

Comment définir le retrait du paragraphe en CSS

Attributs associés :

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

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

(Partage vidéo d'apprentissage : tutoriel vidéo CSS)

Valeur de l'attribut :

  • length définit un retrait fixe. Valeur par défaut : 0.

  • % Définit le retrait en fonction d'un pourcentage de la largeur de l'élément parent.

  • inherit spécifie que la valeur de l'attribut text-indent doit être héritée de l'élément parent.

Exemple :

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>css首行缩进的代码使用示例</title>
    <style>
        p {text-indent:36px;}
     </style>
</head>
<body>
<p>
    这里是关于css文本缩进的一段文字。
    这里是关于css文字缩进的一段文字。
    这里是关于css首行缩进的一段文字。
    这里是关于css文本缩进的一段文字。
    这里是关于css文字缩进的一段文字。
    这里是关于css首行缩进的一段文字。
    这里是关于css文本缩进的一段文字。
    这里是关于css文字缩进的一段文字。
    这里是关于css首行缩进的一段文字。

</p>
</body>
</html>
Copier après la connexion

L'effet est tel qu'illustré :

Comment définir le retrait du paragraphe en CSS

Recommandations associées : Tutoriel CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal