ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでテキストの最初の行をインデントする方法

CSSでテキストの最初の行をインデントする方法

王林
王林オリジナル
2020-11-12 17:38:033638ブラウズ

CSS でテキストの最初の行をインデントする方法: [text-indent:50px;] などの text-indent 属性を使用できます。 text-indent 属性は、テキスト ブロック内のテキストの最初の行のインデントを指定します。これは、タブ ページ効果を作成するためによく使用されます。

CSSでテキストの最初の行をインデントする方法

属性の紹介:

text-indent 属性は、テキスト ブロック内のテキストの最初の行のインデントを指定します。

(学習ビデオの推奨事項: css ビデオ チュートリアル)

注: 負の値も許可されます。負の値を使用すると、最初の行が左にインデントされます。

注: CSS 2.1 より前では、text-indent は宣言された値ではなく、常に計算された値を継承していました。

属性の説明:

は、ブロックレベル要素の最初のコンテンツ行のインデントを定義するために使用されます。これは、「タブ」効果を作成するために最も一般的に使用されます。負の値を指定できるようになり、「ぶら下がりインデント」効果が作成されます。

属性値:

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

例:

p
  {  
      text-indent:50px;
  }

関連する推奨事項: CSS チュートリアル

以上がCSSでテキストの最初の行をインデントする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。