Hatena::ブログ(Diary)

英語とプログラミング気まぐれ日記 このページをアンテナに追加 RSSフィード

2007-08-03

[][] PREタグにスクロールバーを付けたい

前から、はてな記法のpre記法で書いた内容が長いと、画面からはみ出てしまって困っていた。「はてな "スクロールバー" 表示されない」でググってみると同じ悩みを持つ人を発見。はてなスタイルシートに以下を追加すればスクロールバーが表示されるようになる。


/*(追記 by:BigFatCat) */
/* overflow-xとoverflow-yはCSS2の仕様には含まれていないらしい */ 
pre {
  overflow-x: auto;
}

/* CSS2の仕様では以下のように書く */
/* 値autoを設定すると、ブラウザに依存するが、一般的にはスクロールできるようになるらしい */
pre {
  overflow: auto;
}

うーん、確かに、スクロールバーが表示されているブログCSSを「Firebug」(Firefox拡張機能)で確認すると、上のような記述がある。自分ももっとよく確認するようにしたほうが良いな…。


参考

鰯のテクニカルノート: PRE タグにスクロールバーを付けた(情報源)

詳解HTML&XHTML&CSS辞典 第三版(情報源が正しいか、確認するために使った)

トラックバック - http://d.hatena.ne.jp/BigFatCat/20070803/1186146307