テキストや画像の表示座標を指定する

ABC ABC ABC

テキストや画像の表示座標を指定する

とほほのWWW入門 > アラカルト > テキストや画像の表示座標を指定する

1999年6月20日

■ 説明

Internet Explorer 4.0やNetscape Navigator 4.0でサポートされたスタイルシートの中の、ポジショニングという技術を用いると、テキストや画像の表示位置をX, Yの座標で指定することができます。

■ 実例

右上参照。

■ ソースコード

<SPAN STYLE="font-size:24pt; color:#FFDDDD;
     position:absolute; top:20; left:350">ABC</SPAN>
<SPAN STYLE="font-size:24pt; color:#DDFFDD;
     position:absolute; top:30; left:360">ABC</SPAN>
<SPAN STYLE="font-size:24pt; color:#DDDDFF;
     position:absolute; top:40; left:370">ABC</SPAN>

■ 動作確認

IE4.0/5.0(Win)、IE4.0(Mac)、NN4.0(Win)での動作を確認しています。