文字にポインターを乗せると文字サイズも色も替える方法

ＷＥＢ上で文字の上にマウスを置いた時に文字色が変更され、更に拡大するという技を紹介しますね・・・

マウスが乗ってる時・・・onmouseover
マウスを外した時・・・onmouseout
先日のポインターを乗せると背景色が変わる方法の時と一緒のこの二つを使ってで指示します。
1. 先ず、ポインターが文字に乗ってる時の大きくする時の記述は・・・
  - 大きくするフォントサイズ・・・onmouseover="this.style.fontSize='40'"
    (注)　フォントサイズは数字で指定。
    　　　fontSizeの　"S"　は大文字で指定。
  - 文字色を指定・・・onmouseover="this.style.color='red'"
  - これを一つにまとめて記述すれば・・・
    　　onmouseover="this.style.fontSize='40';this.style.color='red'"・・・①
2. 次に、ポインターが文字から外れた時の元サイズと色の指定の記述・・・
  - 小さくするフォントサイズ・・・onmouseout="this.style.fontSize='14'"
  - 文字色を指定・・・onmouseout="this.style.color='black'"
  - これを一つにまとめて記述すれば・・・
    　　onmouseout="this.style.fontSize='14';this.style.color='black'"・・・②
3. この①と②をSPAN要素の中に記述すればよい訳です・・・
  <span onmouseover="this.style.fontSize='40';this.style.color='red'" onmouseout="this.style.fontSize='14';this.style.color='black'">マウスを乗せると拡大します
  ※　サイズ・色は自由に変更して下さい。
4. これで完成です。
  ※下の図のように成りますがこのブログでは表示されませんので図をクリックして体感してみて下さい。