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

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

王林
王林original
2020-11-12 17:38:033589parcourir

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 属性的值。

Exemple :

p
  {  
      text-indent:50px;
  }

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!

Déclaration:
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