サイト内検索

...スタイルシート(css)...

スタイルシート

idの使い方

《id の設定方法》
id の設定の方法はclassの設定の方法とほとんど同じです。
classとの違いは、
class名の前に書いたピリオド「.」シャープ「#」に変えることです。
id は、1つの html のページ内で、使うのは1回のみです。
例えば・・<div id="sample">の場合
#sampleは・・・・htmlの中には一回のみですが、
id 名をいろいろ変えると、いくつでも指定できます。
《idの指定方法》
#id名{プロパティ:値;}
[使い方]
#sample{width: 200px; height: 60px;}
または
タグ名 #id名{プロパティ:値;}
[使い方]
table #sample{width: 200px; height: 60px;}

《注意点》

色のプロパティを持つタグに
全てこのスタイル(オレンジ色)が反映されます。
<div id="iro">↓文字がオレンジ色になります。</div>
文字がオレンジ色になります。
<hr id="iro">
↓ラインがオレンジ色になります。

文字もラインもオレンジ色になります。

サンプル

[headの中]

<style type="text/css">
<!--
#iro{color: orange;}
hr #iro{background-color: orange; height: 5px;}

[bodyの中]

<div id="iro">オレンジ色</div>
<hr id="iro">

[ブラウザ上]

オレンジ色


Copyright c 2007.10.01 luc All rights reserved.