プレタグ実験室

実験

プレタグとスタイルシートでお絵かきしてみました。

  1. preタグと全角スペースと■でお絵描き style="font-size:1px;line-height:100%;letter-spacing:-1px;"
  2. preタグと半角スペースと*でお絵描き style="font-size:1px;line-height:100%;"
  3. preタグと全角スペースと■でお絵描き style="font-size:1px;line-height:100%;"
  4. preタグと半角スペースと*でお絵描き style="font-size:2px;line-height:1px;"
  5. preタグと半角 以下略 font-size:1px;で spanタグ と class指定
  6. preタグと半角 以下略 font-size:2px;で spanタグ と class指定
  7. owlicons.lzh ミミズクのアイコンの詰め合わせ。お土産にどうぞ。

考察

今の所 4.の 半角でstyle="font-size:2px;line-height:1px;"ならIE5(WinNT)とIE5(Win98)で同じ表示になることを確認しました。

他の環境だと どう表示されるのかリポートお待ちしております(爆。

追記

01/03/24
フォントの色を指定するのにfontタグではなくspanタグ+CSSで指定しろって？
えーっと、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">を指定しておけばよいのでは(^^;;;。
いまのところHTML4.0でも「とらんじしょなる」を指定すればいいわけで。
つーか、DOCTYPEを読んでるのか？ブラウザさんよぉ（謎。

01/03/26
フォントや環境によっては、色が薄くなるので、spanタグとbackgroudを使って殺ってみました。
どうでせうか？。