IT専科TOP>HTML/スタイルシート>HTMLタグ(ABC順)> <style>

<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