ウィンドウサイズに連動してサイズが変わる見出しを作成せよ2

TIPS & TRICS by MAKOTO3

HINT

1つ前のサンプルと同じだが、IE5から利用できるダイナミックプロパティを使っている。だからIE5でしか正しく表示されない。そのため、一応 IE5以外ではエラーメッセージが表示されるようにしてある。注目したいのは<H1>タグのSTYLE属性で font-size:expression(document.body.clientWidth/15) と指定してあることだ。これによって、<H1>のfont-sizeプロパティはつねにbodyの幅の1/15になる。プロパティがダイナミックに変化するからダイナミックプロパティというわけだ。いわば、スタイルシートの指定にスクリプトの機能を埋め込んだようなものと言える。 1つ前のサンプルと比べてみるとよいだろう。