<style> - スタイル - とほほのWWW入門

形式: <style>～</style>
サポート: LS / H3 / e3 / Ch1 / Fx1 / Sa1 / Op1 / N4
カテゴリ: メタデータコンテンツ
親要素: メタデータコンテンツを子要素に持てるもの。; head 要素の子要素としての noscript 要素。; body 要素配下でフローコンテンツを期待するもの。(HTML 5.2)
子要素: スタイルシート
タグの省略: 開始タグ:必須 / 終了タグ:必須
属性: グローバル属性; media; blocking

グローバル属性

詳細はグローバル属性を参照してください。

media=media

LS/H4/e4/Ch/Fx/Sa/Op

このスタイルシートを適用するメディアを指定します。

screen: 画面など、ページ分割の無いメディア
print: プリンタなど、ページ分割のあるメディア
all: 全メディア(既定値)

type=type

H4/e3/Ch/Fx/Sa/Op/N4

スタイルシートの言語を指定します。HTML4.01では必須の属性として定義されています。HTML5 では省略時は type="text/css" とみなされるようになりました。

text/css: Cascading Style Sheets (e3/Ch/Fx/Sa/Op/N4)
text/javascript: JavaScript Style Sheets (Netscapeで利用されていた形式)

blocking=mode

LS/Ch/Ed/Op

blocking="render" を指定すると @import で外部スタイルファイルを読み込む際にレンダリングをブロッキングすることを提示します。(→ サポート状況)

disabled

[非推奨] e4

このスタイルシートを無効化します。

HTML

<html>
<head>
<title>テスト</title>
<style>
H5 { color:red }
.body { margin-left:30 }
</style>
</head>
<body>
  <h5>Webページ作成入門</h5>
  <p class="body">ホームページは・・・</p>
</body>
</html>

表示

Webページ作成入門

　　　　Webページは・・・

<style> - スタイル

概要

説明

属性

使用例

Webページ作成入門

関連項目

リンク