font-size:expression(IE5のみ)

Dynamic HTML

大阪浪速区の日本橋電脳街

説明(以下にはdocument.body.clientWidth/30を設定)
font-size:expressionは、ﾌｫﾝﾄの大きさをあるHTML要素の幅を基準に計算して指定できる。IE5のみ対応。
・書式は･･･font-size:expression(計算値)

・(計算値)は以下の方法で計算する。nは分割する数
　ﾍﾟｰｼﾞ幅を基準にする場合、(document.body.clientWidth/n)とする。bodyﾀｸﾞにID名を付けている時は (ID名.clientWidth/n)でよい。次にﾍﾟｰｼﾞ幅以外のHTML要素を基準にする場合。(this.style.pixelWidth/n)とすると、文字が置かれている自分自身のHTML要素の幅を基準に計算できる。 "this”の部分を、他のHTML要素のID名にすれば、計算の基準を変更できる。

(補足)ﾍﾟｰｼﾞ幅いっぱいに、又はHTML要素幅いっぱいに文字列を並べるには、(文字数 + 1)で割ればよいみたい。文字数で割ると1文字あふれてしまう。ただしこれは日本語ﾌｫﾝﾄでのお話し。欧文ﾌｫﾝﾄは日本語ﾌｫﾝﾄの半分と考えればよい(かﾅ？？)

<body id="boy">
<h3 style="font:'ＭＳ明朝';
    font-size:expression(document.body.clientWidth/13);
    text-align:center;">Dynamic HTML</h3>

<h3 style="font:'ＭＳ明朝';
    font-size:expression(boy.clientWidth/13);
    text-align:center;">大阪浪速区の日本橋電脳街</h3>

<span id="sp" style="width:50%;font:'ＭＳ明朝';
    font-size:expression(this.style.pixelWidth/13);
    border:thin solid blue;">大阪浪速区の日本橋電脳街</span>

<div style="font:'ＭＳ明朝';
    font-size:expression(sp.style.pixelWidth/13);
    border:thin solid green;">
    大阪浪速区の日本橋電脳街</div>

<p style="font:'ＭＳ明朝';
    font-size:expression(document.body.clientWidth/30);">
<span style="background-color:lightblue">
    説明(以下にはdocument.body.clientWidth/30を設定)</span><br>
font-size:expressionは、ﾌｫﾝﾄの大きさをあるHTML要素の幅を基準に
･･･(以下は省略)

END(99/8/21)

font-size:expression(IE5のみ対応)

Dynamic HTML

大阪浪速区の日本橋電脳街