ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで一行目のインデントを2文字に設定する方法

CSSで一行目のインデントを2文字に設定する方法

藏色散人
藏色散人オリジナル
2021-04-23 09:16:1525442ブラウズ

CSS で最初の行のインデントを 2 文字に設定する方法: 1. "h2{text-indent:24px;}" を通じて最初の行のインデントを 2 文字に設定します; 2. " h2{padding-left:" 24px;}" メソッドを使用して、最初の行のインデントを 2 文字に設定します。

CSSで一行目のインデントを2文字に設定する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

最初の行のインデントの例は次のとおりです (ページ上のフォントのサイズに応じて、たとえば、ページ上のフォントが 12 ピクセルの場合、2 文字のインデントは 24 ピクセルになります)。

##方法 1: h2{text -indent:24px;}

方法 2: h2{padding-left:24px;}

標準の最初の行を使用することをお勧めしますインデント属性 text-indent、

text-indent 属性:

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

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

属性値:

length は固定インデントを定義します。デフォルト値: 0。

% 親要素の幅のパーセンテージに基づいてインデントを定義します。

inherit は、text-indent 属性の値を親要素から継承することを指定します。

【推奨学習:

css ビデオ チュートリアル

以上がCSSで一行目のインデントを2文字に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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