<style> - スタイル

トップ > HTMLリファレンス > <style>

概要

項目説明
形式<style>~</style>
サポートH3 / e3 / Ch1 / Fx1 / Sa1 / Op1 / N4
カテゴリメタデータコンテンツ
親要素メタデータコンテンツ を子要素に持てるもの
子要素スタイルシート
タグの省略開始タグ:必須 / 終了タグ:必須

説明

<style> は、スタイルシートを記述するためのタグです。スタイルシートに関する詳細は、「とほほのスタイルシート入門」を参照してください。

属性

【固有属性】
属性意味
media=mediaH4/e4/Ch/Fx/Sa/Op。このスタイルシートを適用するメディアを指定します。
  screen:画面など、ページ分割の無いメディア
  print:プリンタなど、ページ分割のあるメディア
  all:全メディア(既定値)
type=typeH4/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 (N4)
disablede4。このスタイルシートを無効化します。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

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

関連項目

<div><span>

Copyright (C) 1996-2011 杜甫々
初版:1996年9月10日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/style.htm