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

CSSでのtext-decorationプロパティの使用

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のlist-style-typeプロパティの使用法

    list-style-type マーカーの形状や外観を制御できます。次のコードを実行して、 list-style-typeを実装してみてください。 プロパティ 例 <html>    <head>    </head>    <body>       <ul style = "list-style-type:circle;">          <li>India

  2. CSSlist-style-imageプロパティの使用

    list-style-image 箇条書きや数字ではなく、マーカーの画像を指定します。次のコードを実行して、 list-style-imageを実装してみてください。 プロパティ： 例 <html>    <head>    </head>    <body>       <ul>          <li style = "list-style-image: url(/imag