今スタイルシートとＨＴＭＬを同時進行で勉強しています。
あるときテーブルに背景画を入れようとして、
head 内の指定とおなじように
<table style="background-image: url("・・・");">
としたところ反映されませんでした。あとで調べて
<table background="・・・">
単にこれでよいことに気づき、ちゃんと反映されました。
難しい事をやり始めると、簡単な方法をふと忘れてしまいます。
そこでなのですが、
１．何故 head 内で指定したのと同じようにしても反映されないのでしょうか？
２．何故 一方で「background」「font face」 なのが一方では「background-image」「font-family」だったりするのでしょうか？
そういうふうに決まっているので仕方ないのはわかってますが・・。
余談にお付き合いください。
投稿日時 - 2006-10-06 14:01:03
1と同じやり方で指定できます。
<table style='background-image: url("・・・");'>
style=の後を ''で括りましょう。
""で括るとurl(" の部分で"が出てきてそこで、おかしくなります。
2 一方はHTML、後者はCSSの仕様です。
HTML内の場合CSSは全てSTYLE=''の中に記入します。
HEADの中or別ファイルの場合はその限りではありません。
投稿日時 - 2006-10-06 14:20:15
お礼
１に関してはそのまま使うと「”」の関係でおかしくなってしまうということですね。理解できました。
両方ともできるとしたら、その使い分けが疑問に残るところですが・・。
ありがとうございました。
投稿日時 - 2006-10-06 14:27:57
0人が「このQ&Aが役に立った」と投票しています
ベストアンサー以外の回答（1件中 1～1件目)
１
＞<table style="background-image: url("・・・");">
単に記述ミスです。
"(ダブルクォーテーョン)内に入れる時は
<table style="background-image: url('・・・');">
のように'(シングルクォーテーション)にしないとエラーになるので表示されなかっただけです。
２
スタイルシートでもbackgroundプロパティやfontプロパティでまとめて指定することも出来ます。
例
body {
bockground-color :#ffffff;
background-image: url(a.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
}
は
body {
background : #ffffff url(a.gif) no-repeat fixed right bottom;
}
と同じ意味です。
特に指定する項目が無い(標準値のままで構わない場合、省略出来るので、特に指定したい値がある場合にbackground-imageプロパティやfont-familyプロパティを指定しているだけだと思います。
投稿日時 - 2006-10-06 14:30:57
お礼
ありがとうございました。参考にさせていただきました。
投稿日時 - 2006-10-08 20:06:12
OKWaveのオススメ
おすすめリンク
