$O!i-CSS覚え書$O!
◆i-CSSとは
imodeで使用できるスタイルシートのこと、国際基準を考慮せずdocomoが独自規格を作ってしまったためezweb/Vodafoneと違い使用できる要素が大幅に制限されています(汗)
i-CSSを使う一番のメリットは多分marqueeで代用していた「行ごとの背景色(background-color)」が指定できることだと思いまつ
$F<主な特徴
FOMAのみ対応
movaはCSSが無い状態のものが表示される
直接記述のみ
ヘッダー記述(CLASS使用)や外部CSSファイルは使えない
HTML不可
i-CSSを使用するにはxhtmlでページを記述する必要がある
またこの関係でxhtmlをimodeで使用すると<CENTER><FONT><hr><marquee>などのHTMLタグが反映されなくなるので、その場合はCSSで指定する(これが一番メンドクサイです
$F=使用できる要素
background-color:背景色
background-image:背景画像
border
margin
color:色(文字色/罫線色)
display:表示方法(marqueeの代わり等)
float:文字の回り込み(900i非対応?)
clear:回り込み解除(900i非対応?)
font-size:文字サイズ
width:幅
height:高さ
list-style-type
text-align:CENTER/RIGHTの代わり
text-decoration:点滅/下線等
veatical-align
$F>xhtmlの注意点
PC対策
imodeで見れるxhtmlはIEだとページとしては認識せずダウンロードされてしまうため、別ページを作成する必要がある
$F?xhtmlを動かす方法
ただ記述するだけだと反映しないので@Aどちらかの方法を取る必要がある(無料HP作成サービスなどではおそらく不可)
拡張子
.htmlではなく.xmlか.xhtmlで保存する
htaccess
AddType application/xhtml+xml htm
を追加し、htmlをxhtmlとして認識させる
php.ini
default_mimetype = "application/xhtml+xml"
を追加するとPHPでもxhtmlが使える
CGI
xhtmlを吐き出すにはヘッダー部分のtext/htmlをapplication/xhtml+xmlにする
$F@結論
マンドクセ_| ̄|○||||
$FA余談:tableタグ&他キャリア
tableタグ
docomoでテーブルタグを認識するのは902i↑、それ以前は無効扱い。
au
CSS/i-css/tableタグなどWAP2.0機種(A1xxx↑/WIN)ならほぼ100%問題なく反映します。
Softbank
auと同様ですが、ごく一部反映しないものがあります。