- ※ iモードブラウザ1.0の端末を「iモード1」、2.xの端末を「iモード2」と記載。
- ※ auのブラウザバージョン6.xの端末を「au6」、バージョン7.xの端末を「au7」と記載。
- ※ SoftBankのブラウザバージョン1の端末を「SB1」、バージョン2の端末を「SB2」と記載。
docomoの下位端末はCSSで何ができる?
【該当端末種別】
iモード1
【回答】
iモード1でできるデザインは以下になります。
- body・div・spanに背景色をつける
- body・div・spanに文字色をつける
- div・spanの文字サイズ指定
- h1〜h6・p・divのアライメント指定
- bodyに背景画像をつける
- リンク疑似クラス(文字色)指定(a:link、a:focus、a:visited)
テーブル関連要素
- table・tr・th・tdに背景色をつける
- tr・th・tdに文字色をつける
- tr・th・tdのアライメント指定
- tr・th・tdの垂直方向アライメント指定
画像
- imgにマージンをつける
- imgの周囲のテキストを流し込む(float)
- imgの垂直方向アライメント指定
【ラウンドアバウトでの特別な処理】
本来iモード1のCSSはstyle属性にインラインで書く必要がありますが、ラウンドアバウトでは外部CSSに書くことができます。その際に使用できるセレクタにルールがあります。
- クラスセレクタ(.abc)、一意セレクタ(#abc)、リンク疑似クラス(a:linkなど)、body、li、th、tdのタイプセレクタが使用できる
- 上記セレクタを単独で使用する
例: ○ .abc × div.abc × #abc .abc
【ラウンドアバウト対応Ver.】
1.0以上
(タイプセレクタ li、th、tdについては2.0から対応)













