「Internet Explorer 7入門講座」と題して、CSSの対応状況が解説されている。 私も先日IE7をインストールしてみたので、CSSの対応状況がどのように改善されたのか、一通りまとまった記事はありがたい。

私も気になっていたcontent属性だが、やはり対応していないようだ。 セレクタや疑似クラスについては対応したようだが、議事要素（:beforeや:after）については記述がないので対応しているのかどうかよくわからない。 IE6からIE7までに5年もかかったことを考えると、改善内容についてはやや物足りない部分があるし、今後を考えた場合にも不安が残るが、どうなるだろうか。

Version 2.9.6MTの更新の時から、ページ先頭にあるサイト名の表示方法を変更している。 フォントの表示の仕方なので、音声ブラウザなど、画面表示を必要としないブラウザをご利用の場合は、あまり関係のない話で申し訳ない。 どのように変更したかというと、CSSで、サイト名と、その次にあるバージョンの部分に、font-variant: small-caps;と指定したのである。 これはどういう意味かというと、おおざっぱに言えば、その部分のフォントは、小文字を表示するときに、大文字を小さくしたものを表示する、と言うことだ。 はっきり言って単にデザイン上の目的だけで、そういう風に表示してみたかっただけである。

以前はこの表示方法に対応しているブラウザがなく、あきらめたように記憶しているが、今回Caminoでは問題なく表示され、Safariでも同様に表示されたので、とりあえず害もないし、採用した。 今日、何気なく携帯電話（W21CA）のOpera（PCサイトビューアー）でサイトを見てみたところ、このsmall-capsが効いている。 単にフォントを小さくしているだけ（本来ならば、small-capsに対応したフォントを選択するべき、らしい）のためか、元々フォントが標準サイズに近い部分では、効果が現れていないが、タイトルのところでは確実に表示されていた。

これがWindows版やMac OS版のOperaだったらさほど驚かないのだが、携帯電話に搭載するバージョンのOperaでも対応しているとは驚きだ。 はっきり言って、small-capsなど、CSSの中でもややマニアックな部分だと思っていたのだ。

これでふと気がついて、別の部分の表示も確認してみた。 エントリーのすぐ次にある、カテゴリーの表示や、パーマリンク・コメント・トラックバックの表示部分である。 この部分にも、隣接セレクタ・疑似要素・contentプロパティと言った、やはりマニアックと私が思っているCSSが指定されているのだが、やはり期待通りに表示されている。 Opera恐るべし、である。