1. Home
  2. HTMLタグ
  3. ページ全般タグ
  4. スタイルシートを指定する

スタイルシートを指定する


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

ブラウザ
IE
Fx
Sf
Cr
O
要素
style要素

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



<style type="text/css">

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

</style>


属性 説明
type="" text/css CSSMIMEタイプを指定
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>


ページ全般タグ

ページの先頭へ


inserted by FC2 system