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

CSSでテキストを装飾する

CSSでテキストを装飾するには、text-decorationプロパティを使用します。次の例は、テキストを装飾する方法を示しています。可能な値は、none、underline、overline、line-through、blinkです。

<html>
   <head>
   </head>
   <body>
      <p style = "text-decoration:underline;">
         This will be underlined
      </p>
      <p style = "text-decoration:line-through;">
         This will be striked through.
      </p>
      <p style = "text-decoration:overline;">
         This will have a over line.
      </p>
      <p style = "text-decoration:blink;">
         This text will have blinking effect
      </p>
   </body>
</html>

  1. CSSでのテキストのフォーマット

    CSSを使用すると、テキストをフォーマットして視覚的に魅力的なコンテンツを作成できます。次のプロパティは、CSSを使用してテキストのスタイルを設定するために使用されます。 色 このプロパティは、テキストの色を変更するのに役立ちます。 文字間隔 このプロパティは、文字間の間隔を設定するために使用されます。 行の高さ 線の高さは、このプロパティを使用して指定されます。 text-align テキストの水平方向の配置は、text-alignプロパティによって制御されます。 テキスト装飾 下線、取り消し線、または上線を引いてスタイルを設定するには、テキスト装飾を使用し

  2. CSSを使用したテキスト装飾

    CSS text-decorationプロパティは、選択した要素のテキストに装飾を適用するために使用されます。値として、ラインスルー、オーバーライン、アンダーラインなどを追加できます。これは、text-decoration-line、text-decoration-color、およびtext-decoration-styleの省略形です。 構文 text-decorationプロパティの構文は次のとおりです- Selector {    text-decoration: /*value*/ } 例 次の例は、CSSのテキスト装飾プロパティ-を示しています。 <!D