HP上で文字を白抜きにして別色で縁取りする方法

今日は文字を白抜きにして、別の色で縁取りする方法を紹介しますね・・・

文字を白抜きにするには・・・
1. filterプロパティを使用します
  （注）filterプロパティを
  ・に適用する場合には、
  　　　widthプロパティや heightプロパティを同時に指定する必要があります。
2. filterにどんな変化を与えるか・・・glowを使用します
  ※発光させるフィルタです。（周囲に炎のような効果を付けます）
3. glowは色や強さを指定出来ます・・・color（光の色）・strength（光の強さ1～254）
4. これをまとめて記述しますと・・・
  - 横幅・28%
  - 発光色・red
  - 発光の強さ・5
  と指定しますと以下のように成ります
  　　style="width:28%;filter:glow(color=red,strength=5)"
5. 次に文字を指定します・・・
  - 文字サイズ・28pt　⇒　font-size:28pt
  - 文字色・白　⇒　color:white
  これをスタイルシートに書き足します・・・※書き足す時には　; （セミコロン）でつなぎます。
  　　style="width:28%;filter:glow(color=red,strength=5);font-size:28pt;color:white"
6. このスタイルシートをSPANタグの中に記述します
  <SPAN style="width:28%;filter:glow(color=red,strength=5);font-size:28pt;color:white">
  文字を白抜きに縁取りを赤にしてみました
  </SPAN>
7. これで下の図のように表示されます
  ※　このブログでは表示できませんので
  　　下の図をクリックして別窓で開くページで体感して下さい。