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

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

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

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

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

効果:

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

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

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

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

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