Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

CSSの段落の最初の行をインデントします

テキストインデントを使用する 段落の最初の行をインデントするプロパティ。可能な値は、％またはインデントスペースを指定する数値です。

例

次のコードを実行して、最初の行をインデントすることができます。

<html>
   <head>
   </head>
   <body>
      <p style = "text-indent:2cm;">
         This text will have first line indented by 2cm and this line will remain at
         its actual position this is done by CSS text-indent property.
      </p>
   </body>
</html>

  1. CSSのmin-heightプロパティ

    CSSのmin-heightプロパティを使用して、要素のコンテンツボックスに固定の最小の高さを定義できます。これにより、高さが最小の高さよりも小さい場合でも、要素のコンテンツボックスを小さくすることはできません。 構文 CSSのmin-heightプロパティの構文は次のとおりです- Selector {    min-height: /*value*/ } 例 CSSのmin-heightプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <title>CSS min-height

  2. CSStext-indentプロパティでテキストをインデントする

    CSSのテキストインデント プロパティを使用すると、テキストをインデントする際の空白の量を指定できます。 例 次の例は、CSSのtext-indentプロパティを示しています。 p {text-indent：15％;} article {background-color：＃000000;マージン：2％;したがって、多くのエロスはティーンエイジャーの素敵な谷です。フェリーが大量になるにつれて教室ではありません。それは、最初は悲しい、柔らかい場所の境界にありました 出力 これにより、次の結果が生成されます- 例 p {マージン：2％;テキストインデント：13％;ボーダ