スタイルシート

スタイルシート (英語: style sheet) とは、構造化文書などにおける表示形式を制御するしくみである。見栄えと構造を分離するという目的で提唱された。HTML、XML、SGMLといったマークアップ文書や、オフィススイートなどにおいて広く使用されている。

構造化文書とは、節や段落が明確に定義・分類された文書である。内容が明確に分類されているので、その文書を表示するプログラムは任意の表示スタイルを設定することができる。

スタイルシートを作成するのに用いられるコンピュータ言語のことをスタイルシート言語（英語: style sheet language）という。Web上で広く使われているHTML文書にスタイルシートを適用する場合には、Cascading Style Sheets（CSS）と呼ばれるスタイルシート言語が利用されることが多い。CSSが圧倒的に普及しているので、単にスタイルシート言語といえばCSSを指すことがある。

スタイルシート言語

広く使われているスタイルシート言語としてはCSSがあり、HTML、XHTML、SVG、XUL、その他のマークアップ言語で書かれた文書のスタイルを指定するのに使われる。構造化文書の利点の一つとして、内容を様々な状況で再利用でき、様々な方法で表示可能という点が挙げられる。構造化文書の論理構造に異なるスタイルシートを付与することで、異なる表示が得られる。

構造化文書の内容を表示するには、スタイル的規則、例えば色やフォントやレイアウトなどの規則が適用されなければならない。このスタイル的規則を集めたものがスタイルシートである。編集者や印刷業者は昔から、文書の形でスタイルシートのような情報（見た目、スペリング、句読点の一貫性などの規則）を扱ってきた。電子出版においては、スタイルシート言語はスペリングや句読点よりも見た目に関する規則を扱うものとして使われる。

構成要素

構造化文書を表示するには、スタイルシート言語の表現能力を必要とする。スタイルシート言語には以下のような機能要素がある。

文法: 機械が理解できる形で表現しなければならないため、厳密な文法が必要とされる。例えば、h1 { font-size: 1.5em; } はCSSの文法で書かれた単純なスタイルシートである。
セレクタ: セレクタとは、どの要素がそのスタイル規則によって影響されるかを指定するものである。文書の構造とスタイルシート内のスタイル規則の接着剤の役割を担う。上記の例では、h1 セレクタによって h1 要素が指定されている。文脈やプロパティや内容を考慮した複雑な要素選択を行うセレクタもある。
プロパティ: スタイルシート言語には、要素を表示する際の変化を与えるプロパティの概念が備わっている。上記の例ではCSSの font-size プロパティが使われている。一般的なスタイルシート言語には約50のプロパティがある。
値と単位: プロパティに対してある値を指定することで要素の表示を変化させる。値には、文字列、キーワード、数、数と単位識別子の組合せなどがある。また、値としてリストや既出の値を使った式も指定できる。スタイルシートでの典型的な値の例として「長さ」の値 1.5em は、数 (1.5) と単位 (em) から構成されている。em はCSSでは周辺のテキストのフォントサイズを意味する。典型的なスタイルシート言語には約10種類の単位が使える。
値伝播機構: 全要素について、全プロパティの値を明示的に指定しなくて済むように、スタイルシート言語には値を自動的に伝播させる機構が備わっている。値伝播によってスタイルシートが冗長でなくなり、短くなる。上記の例では、フォントサイズだけが指定されている。他の属性の値は値伝播機構によってそれ以前の設定がそのまま使われる。
書式モデル: 全てのスタイルシート言語には何らかの書式モデルがサポートされている。多くのスタイルシート言語には視覚的書式モデルがあり、最終的な表示がどのようなレイアウトになるかを指定できる。例えば、CSS書式モデルはブロックレベル要素（例えば h1）が親要素の幅を満たすよう拡張することを指定する。スタイルシート言語によっては、音声的書式モデルを持つものもある。