今スタイルシートとHTMLを同時進行で勉強しています。
あるときテーブルに背景画を入れようとして、
head 内の指定とおなじように
<table style="background-image: url("・・・");">
としたところ反映されませんでした。あとで調べて
<table background="・・・">
単にこれでよいことに気づき、ちゃんと反映されました。
難しい事をやり始めると、簡単な方法をふと忘れてしまいます。
そこでなのですが、
1.何故 head 内で指定したのと同じようにしても反映されないのでしょうか?
2.何故 一方で「background」「font face」 なのが一方では「background-image」「font-family」だったりするのでしょうか?
そういうふうに決まっているので仕方ないのはわかってますが・・。
余談にお付き合いください。
No.1ベストアンサー
- 回答日時:
1と同じやり方で指定できます。
<table style='background-image: url("・・・");'>
style=の後を ''で括りましょう。
""で括るとurl(" の部分で"が出てきてそこで、おかしくなります。
2 一方はHTML、後者はCSSの仕様です。
HTML内の場合CSSは全てSTYLE=''の中に記入します。
HEADの中or別ファイルの場合はその限りではありません。
1に関してはそのまま使うと「”」の関係でおかしくなってしまうということですね。理解できました。
両方ともできるとしたら、その使い分けが疑問に残るところですが・・。
ありがとうございました。
No.2
- 回答日時:
1
><table style="background-image: url("・・・");">
単に記述ミスです。
"(ダブルクォーテーョン)内に入れる時は
<table style="background-image: url('・・・');">
のように'(シングルクォーテーション)にしないとエラーになるので表示されなかっただけです。
2
スタイルシートでも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プロパティを指定しているだけだと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルとテーブルの間隔について
-
CSSで特定のテーブルだけに...
-
HTML tableのセルにtextareaを...
-
<th>タグを使っても太字にしな...
-
HTML5で、テーブル内tdタグの高...
-
TABLEのセルの中の文字を行単位...
-
tableを縦に続けるとtable間の...
-
CSS スタイルを子要素の子要素...
-
VBAで作れるかな?
-
同じ幅指定のつもりなのに、ブ...
-
テーブル内のセル間にスペース...
-
テーブルデータを折り返して表...
-
ASP.NETのWEBフォームでの直線...
-
<fieldset>タグについて
-
tableが縮まらない
-
ホームページの表と画像の間の...
-
横スクロールバーが消えません
-
フォームタグのプルタウンの隙...
-
テーブルタグの中にdivを含めて...
-
html でのテキスト結合について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
table表を横に並べる際の間隔指定
-
HTML5で、テーブル内tdタグの高...
-
同じ幅指定のつもりなのに、ブ...
-
<fieldset>タグについて
-
テーブル内のセル間にスペース...
-
HTML tableのセルにtextareaを...
-
tableのcellpadding="0" cellsp...
-
tableを縦に続けるとtable間の...
-
html5のテーブル内でdivのタブ...
-
ラインを端から端まで画面いっ...
-
ホームページのテキストを折り...
-
textareaの外側の文字が下付き...
-
検索窓の位置を指定する方法
-
フォームタグのプルタウンの隙...
-
VBAで作れるかな?
-
html table の中のボーダーが二...
おすすめ情報