CSS for MobileOpera
Operaそのものは、CSS2対応ブラウザである。ニンテンドーDSブラウザーの縦長モードがどこまで対応できているかを調べてみる。調査対象となるのはCSS2.1草案の視覚表示に関するプロパティ。
ニンテンドーDSブラウザーの場合、メディアタイプによって適用されるプロパティが異なるため、screen用とhandheld用のサンプルを用意している。
CSSに関する説明はここでは行いません。詳しく知りたい方は、リンク集からたどってください。
メディアタイプがscreenの場合は、colorとbackground-colorが適用されるだけで、残りのプロパティは全て無視される。
メディアタイプがhandheldの場合は、全て対応。
メディアタイプがhandheldの場合、font-family、font-styleは適用されない。
font-sizeはキーワード指定をした場合、xx-smallとx-smallが同じサイズ、small、mediumからxx-largeまでが同じサイズとなる。細かいフォントサイズの指定までは効かないようだ。（リストマークの大きさは変化しているが。）
font-variant:small-caps;については、大文字→小文字の変換はできている。
メディアタイプがscreenの場合は全て無視される。
メディアタイプがhandheldの場合、一部の指定が無効になる。
メディアタイプがscreenの場合は全て無視される。
メディアタイプがhandheldの場合、すべてのプロパティで対応。
メディアタイプがscreenの場合は全て無視される。
メディアタイプがhandheldの場合、すべてのプロパティで対応。
メディアタイプがscreenの場合はimg要素に対するfloatは有効。block要素に対するfloatは適用されない。
メディアタイプがhandheldの場合、すべてのプロパティに対応するが、position,z-indexでの幅がうまく反映されていない。floatについては、block要素に対しても適用されるため、横幅には要注意。なお、横幅がディスプレイ幅より超える場合、横スクロールが表示される。
メディアタイプがscreenの場合は全て無視される。
メディアタイプがhandheldの場合、list-style-typeのupper-greek,armenian,georgianには対応していない。
メディアタイプがscreenの場合は全て無視される。
メディアタイプがhandheldの場合、すべてのプロパティで対応。
メディアタイプがscreenの場合は全て無視される。
メディアタイプがhandheldの場合、ポインティングデバイスが使えるが、カーソル系の指定は効かない（カーソル表示がされない）。quoteプロパティの解釈も正しくない。
メディアタイプがscreen,handheldとも、a:hover、a:focusには対応していない。
メディアタイプがscreenの場合、:before、:afterには対応しない。これは、contentプロパティと使われるのが前提であり、メディアタイプがscreenの場合は対応していないため。