• ※ 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から対応)