<style> - スタイル

概要

形式: <style>～</style>
サポート: https://caniuse.com/mdn-html_elements_style
カテゴリ: メタデータコンテンツ
親要素: メタデータコンテンツを子要素に持てるもの。; 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 lang="ja">
<head>
<title>テスト</title>
<style>
.red-bold {
  color: red;
  font-weight: bold;
}
</style>
</head>
<body>
  <p>スタイルシートで文字を <span class="red-bold">赤い太字</span> にすることができます。</p>
</body>
</html>

表示

スタイルシートで文字を赤い太字にすることができます。

リンク

初版:1996年9月10日最終更新:2017年12月31日

https://www.tohoho-web.com/html/style.htm

<style> - スタイル

概要

説明

属性

使用例

関連項目

リンク