ホーム >>> HTML整理ノート

font-styleとフォント色

★font-style構文
{ font-style: normal | italic | oblique}
 ・normal :通常の書体(初期値)
 ・italic :イタリック体(斜体)
 ・oblique:オブリーク体(斜体)

★フォントの色は「color:色指定」で

Sample

normalの指定

italicの指定

obliqueの指定

”normal”は標準の書体で、無指定と同じ。”italic”と”oblique”は同じ斜体で見分けがつかない。アルファベットのフォントでは違いが分るとか?。

Script プロパティ・・・<fontStyle>

下の文字にマウスを載せるとフォントが変化します。

CSS Style

Sample Source......................................................................>>>

<p style="color:navy;font-style:normal;">normalの指定</p>
<p style="color:red;font-style:italic;">italicの指定</p>
<p style="color:#006600;font-style:oblique;">obliqueの指定</p>

<div id="dv" style="width:250;height:40;color:green;
              font:20pt 'Arial Black';text-align:center;cursor:hand"
    onmouseover="this.style.fontStyle='italic';this.style.color='red';"
    onmouseout="this.style.fontStyle='normal';this.style.color='green'">
 CSS Style  </div>