style属性

Updated / Published

style属性はある要素に対して直接スタイルを適用させる場合に用います。値には、スタイルシート（スタイル情報）を記述します。スタイルシートの記述は半角アルファベットの大文字・小文字が区別されません（case-insensitive）。style属性は、ある特定の要素の表現を制御するのに便利ですが、表現と構造を分離することを考えるとあまり得策ではありません。何故なら、文書そのものにスタイル情報を指定することは、(X)HTML文書のためのスタイルシートであるCSS（カスケーディングスタイルシート）本来の「(X)HTML が効率的に情報交換を行えるように不明確な情報を混入せずに (X)HTML文書が本来の役割とは違う見た目を達成する」の意図に沿っていないためです。このため XHTML1.1 では style属性は非推奨とされ、内容と体裁を分離し、保守が簡単におこなえるように別にスタイルのルールセットを記述したファイルを用意して、これを link要素で外部から参照させる手法が推奨されています。この場合、制作者は class属性や id属性を伴ってスタイルを適用することができます。

style属性そのものにはスタイル言語の種類を指定することができないため、HTML4.01、または XHTML1.0 規格の文書で style属性を使用する場合は、head要素内に meta要素 を使って、UAへの補足情報（メタ情報）として http-equiv属性に "Content-Style-Type" の値を記述し、content属性に使用するスタイル言語の MIMEを指定する必要があります。スタイル言語にはいくつかありますが、各UA の対応状況などから CSS（カスケーディングスタイルシート）が一般的に使われています。CSS の MIMEは、"text/css" です。以上をまとめると、meta要素の記述は次のようになります。

<meta http-equiv="Content-Style-Type" content="text/css">

この記述を行うことで、スタイル言語に何を使用しているかを MIMEで示し、スタイル情報を正しく解釈できるように UA に働きかけます。なお、XHTML1.1 では、meta http-equive宣言によるUAへの補足情報（メタ情報）の指定はHTML互換のため非推奨（後方互換の指定はXHTML1.1では全て非推奨）とされているので、この記述は不要であり、別にスタイルシートのファイルを用意して、外部から参照させる手法が推奨されています。

バージョン
  • HTML4.01(S,T,F)
  • XHTML1.0(S,T,F)
  • XHTML1.1
必須
-
非推奨
XHTML1.1 非推奨
属性値
スタイルシート

style属性を指定できる要素型

A
B
C
D
E
F
H
I
K
L
M
N
O
P
Q
R
S
T
U
V
W