サイト内検索
...スタイルシート(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">
[ブラウザ上]
オレンジ色