HTML

各種項目

HTML

ダイナミックHTML

HTML5

audio要素

canvas要素

video要素


XHTML

Mobile Profile

C-HTML


HTML要素

HTMLフレーム（英語版）

HTML エディター

文字符号化（英語版）

Unicode（英語版）


Document Object Model

スタイルシート（CSS）

フォントファミリー（英語版）

ウェブカラー

HTMLスクリプティング（英語版）

JavaScript

WebGL

WebCL


W3C（バリデータ）

WHATWG

後方互換モード（英語版）

ウェブストレージ

レンダリングエンジン

比較

マークアップ言語（英語版）

HTML（英語版）

XHTML（英語版）

.mw-parser-output .hlist ul,.mw-parser-output .hlist ol{padding-left:0}.mw-parser-output .hlist li,.mw-parser-output .hlist dd,.mw-parser-output .hlist dt{margin-right:0;display:inline-block;white-space:nowrap}.mw-parser-output .hlist dt:after,.mw-parser-output .hlist dd:after,.mw-parser-output .hlist li:after{white-space:normal}.mw-parser-output .hlist li:after,.mw-parser-output .hlist dd:after{content:" ・\a0 ";font-weight:bold}.mw-parser-output .hlist dt:after{content:": "}.mw-parser-output .hlist-pipe dd:after,.mw-parser-output .hlist-pipe li:after{content:" |\a0 ";font-weight:normal}.mw-parser-output .hlist-hyphen dd:after,.mw-parser-output .hlist-hyphen li:after{content:" -\a0 ";font-weight:normal}.mw-parser-output .hlist-comma dd:after,.mw-parser-output .hlist-comma li:after{content:"、";font-weight:normal}.mw-parser-output .hlist-slash dd:after,.mw-parser-output .hlist-slash li:after{content:" /\a0 ";font-weight:normal}.mw-parser-output .hlist dd:last-child:after,.mw-parser-output .hlist dt:last-child:after,.mw-parser-output .hlist li:last-child:after{content:none}.mw-parser-output .hlist dd dd:first-child:before,.mw-parser-output .hlist dd dt:first-child:before,.mw-parser-output .hlist dd li:first-child:before,.mw-parser-output .hlist dt dd:first-child:before,.mw-parser-output .hlist dt dt:first-child:before,.mw-parser-output .hlist dt li:first-child:before,.mw-parser-output .hlist li dd:first-child:before,.mw-parser-output .hlist li dt:first-child:before,.mw-parser-output .hlist li li:first-child:before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child:after,.mw-parser-output .hlist dd dt:last-child:after,.mw-parser-output .hlist dd li:last-child:after,.mw-parser-output .hlist dt dd:last-child:after,.mw-parser-output .hlist dt dt:last-child:after,.mw-parser-output .hlist dt li:last-child:after,.mw-parser-output .hlist li dd:last-child:after,.mw-parser-output .hlist li dt:last-child:after,.mw-parser-output .hlist li li:last-child:after{content:")\a0 ";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li:before{content:" "counter(listitem)" ";white-space:nowrap}.mw-parser-output .hlist dd ol>li:first-child:before,.mw-parser-output .hlist dt ol>li:first-child:before,.mw-parser-output .hlist li ol>li:first-child:before{content:" ("counter(listitem)" "}.mw-parser-output .navbar{display:inline;font-size:75%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}.mw-parser-output .infobox .navbar{font-size:88%}.mw-parser-output .navbox .navbar{display:block;font-size:88%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}

表

話

編

歴

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

Web上で広く使われているHTML文書にスタイルシートを適用する場合には、一般的にCascading Style Sheets（CSS）が利用される。CSSが圧倒的に普及しているので、単にスタイルシートといえばCSSを指すことがある。
スタイルシート言語

スタイルシート言語（英語: style sheet language）とは、構造化文書の見た目を記述するコンピュータ言語。構造化文書とは、節や段落が明確に定義・分類された文書である。内容が明確に分類されているので、その文書を表示するプログラムは任意の表示スタイルを設定できる。広く使われているスタイルシート言語としては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）が親要素の幅を満たすよう拡張することを指定する。スタイルシート言語によっては、音声的書式モデルを持つものもある。
スタイルシート言語の一覧

スタイルシートにはコンピュータ言語によって記述されるものがある。そのような言語をスタイルシート言語と呼ぶ。
標準

CSS (cascading style sheets)

DSSSL (document style semantics and specification language; 文書スタイル意味指定言語)

XSL (extensible stylesheet language; 拡張可能スタイルシート言語)

XSLT (XSL transformations)

XSL-FO (extensible stylesheet language formatting objects)


非標準

JSS（JavaScript style sheets、Netscape Navigator 4.x系列のみ対応）

オフィスソフトにおけるスタイルシート