HTMLで最初の行のインデントを設定する方法

醉折花枝作酒筹
リリース: 2023-01-06 11:16:54
オリジナル
28637 人が閲覧しました

HTML では、text-indent 属性を使用して 1 行目のインデントを設定できます。テキスト要素に「text-indent: インデント値」を設定するだけです。 text-indent 属性は、テキスト ブロック内のテキストの最初の行のインデントを指定します。負の値が許可されます。負の値が使用された場合、最初の行は左にインデントされます。

HTMLで最初の行のインデントを設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

  
    <meta>
    <title>缩进2字符</title>
    <style>
      .p {
        text-indent: 2em;
      }
    </style>
  
  
    <p>
      善良是你的本性,漂亮是你的天性,聪明是你的优点,贤惠是你的资本,温柔是你的标志,真诚是你的品格,妇女节,提前祝你开心幸福,年轻美丽一辈子!
    </p>

    <p>
      温暖三月,春回大地,阳光明媚,绿草青青,整理好思绪,收拾好心情,感受美好生活,品味妇女节精彩,女人就是要对自己好点,节日快乐,祝你永远年轻!
    </p>
  
ログイン後にコピー

効果:

HTMLで最初の行のインデントを設定する方法

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

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

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

HTMLで最初の行のインデントを設定する方法

推奨学習: html ビデオ チュートリアル

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

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