<style>

スタイルシートを記述するための要素です。ブラウザによっては、スタイルシートの内容が表示されてしまうこともあるようなので、

<style>
<!--
　スタイル記述;
-->
</style>

としたほうが良いかと思います。


ブラウザ

IE3 / IE4 / IE5 / IE5.5 / IE6 / N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2 / IE5 mac

▲PageTop

仕様

・構成
要素区分 エンドタグ ネストできる要素 備考
<head>要素の子要素 省略不可

・属性
属性名 必須 意味 値
type ○ スタイルシートの言語タイプ 例：
text/css
Cascading Style Sheets(CSS)
text/javascript
JavaScript Style Sheets(Javascript)
media スタイルシートの出力対象機器
screen
非ページ型のコンピュータースクリーン
tty
端末・携帯など
tv
テレビ
projection
プロジェクター
handheld
画面の小さい、モノクロ・ビットマップ画像・大域幅に制限のあるモバイル機器
print
ページ型の不透明素材・印刷プレビューモードでのスクリーン出力
braille
点字出力機器
aural
音声合成装置
all
全ての機器
title 説明文 任意のテキスト
lang 言語コード 例(日本語)：ja
dir 読む方向
rtl
右から左に読む
ltr
左から右に読む

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
    <!--
      div#sample{
        font-weight:bold;
        font-size:10pt;
        color:blue;
      }
    -->
    </style>
  </head>
  <body>
    <div id="sample">
      スタイルシートのid名「sample」を指定した&lt;div&gt;要素の中では、colorで指定した色で、太く、小さいフォントで表示されます。
    </div>
    通常のフォントです。
  </body>
</html>

表示結果

スタイルシートのid名「sample」を指定した<div>要素の中では、colorで指定した色で、太く、小さいフォントで表示されます。
通常のフォントです。

▲PageTop

▲