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

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

藏色散人
リリース: 2023-01-05 16:10:45
オリジナル
25488 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート