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

CSSを使用してテキストの周囲にテキストシャドウを設定します

text-shadow プロパティは、テキストの周囲にテキストの影を設定するために使用されます。

例

次のコードを実行して、 text-shadowを実装してみてください。 プロパティ：

<html>
   <head>
   </head>
   <body>
      <p style = "text-shadow:2px 2px 5px red;">
         Indian is a country in continent Asia.
      </p>
   </body>
</html>

  1. CSSを使用してテキストに影の効果を追加する

    text-shadowを使用する テキストに影の効果を追加するプロパティ。以下は、シャドウ効果を追加する例です- 例 <html> <head> <style> h1 { text-shadow: 2px 2px; } h2 { text-shadow: 2px 2px red; } h3 { text-shadow: 2px 2px 5px red; } h4 { color: white; text-shadow: 2px 2px 4px #000000; } h5 { text-shadow: 0 0 3px #FF0000; } h6 { tex

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

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