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

段落のテキストをCSSに合わせる

段落のテキストを揃えるには、 text-indentを使用します プロパティ。

例

可能な値は％またはインデントスペースを指定する数値です。次のコードを実行して、テキストインデックスを実装してみてください。 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. CSStext-indentプロパティでテキストをインデントする

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

  2. CSSハイフンプロパティを使用してテキストにハイフンを追加する

    CSSのハイフンの使用 プロパティでは、テキストにハイフンを追加する方法を指定できます。 例 次の例は、CSSハイフンプロパティを示しています。 <!DOCTYPE html> <html> <head> <style> div {    width: 20%;    border: 2px groove lime;    margin: 10px;    padding: 10px;    hyphens: none;