Maison > interface Web > tutoriel CSS > Comment mettre en retrait la première ligne de texte en CSS

Comment mettre en retrait la première ligne de texte en CSS

王林
Libérer: 2020-11-12 17:38:03
original
3634 Les gens l'ont consulté

Comment mettre en retrait la première ligne de texte en CSS : Vous pouvez utiliser l'attribut text-indent, tel que [text-indent:50px;]. L'attribut text-indent spécifie l'indentation de la première ligne de texte dans le bloc de texte, qui est souvent utilisée pour créer un effet de page à onglet.

Comment mettre en retrait la première ligne de texte en CSS

Introduction à l'attribut :

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

(Recommandation vidéo d'apprentissage : Tutoriel vidéo CSS)

Remarque : les valeurs négatives sont autorisées. Si une valeur négative est utilisée, la première ligne sera en retrait vers la gauche.

Remarque : Avant CSS 2.1, text-indent héritait toujours d'une valeur calculée, plutôt que d'une valeur déclarée.

Description de l'attribut :

est utilisé pour définir l'indentation de la première ligne de contenu dans les éléments de niveau bloc. Ceci est le plus souvent utilisé pour créer un effet « onglet ». Permet de spécifier des valeurs négatives, ce qui crée un effet de « retrait suspendu ».

Valeur de l'attribut :

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

Exemple :

p
  {  
      text-indent:50px;
  }
Copier après la connexion

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