<style type="text/css"></style>

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
分類 ---
要素

style要素は、head要素内にスタイルシートを記述する際に使用します。


<style type="text/css">

ここにスタイルシートを記述します

</style>
属性 値 説明
type="" text/css CSSのMIMEタイプを指定
media="" メディアタイプ 対象とするメディアの指定 （初期値は screen）

style要素にはtype属性が必須となります。

media属性を使用すると、そのスタイルをどのメディアに対して適用させるかを指定することができます。

この属性の値（メディアタイプ）は、カンマ（ , ）で区切って複数指定することが可能です。

例えば、以下のように指定した場合は、スタイルAはコンピュータ（screen）とテレビ（tv）で、スタイルBはプリンタ（print）で使用されることになります。

<style type="text/css" media="screen, tv">スタイルA</style>
<style type="text/css" media="print">スタイルB</style>

コメントアウトについて

style要素に対応していない古いブラウザ向けに、スタイルシートの記述を<!--と-->でコメントアウトしておくことも可能です（XHTMLでは不可）。

<style type="text/css">
<!--
ここにスタイルシートを記述します
-->
</style>

使用例


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>

<style type="text/css">

h1 { color: #ff0000; }
p { line-height: 140%; }

</style>

</head>
<body>



</body>
</html>