Cascading Style Sheets (CSS)とは、HTML や XML （XHTML・SVGなどを含む）で記述された文書の体裁や見栄えを表現するために用いられるスタイルシート言語です。CSSは、構造化された要素が画面上で（あるいは紙や音声といった別のメディア上で）どのように表現されるのかを定義します。

CSS はオープン ウェブの核となる言語の 1 つで、  W3C 標準仕様が定められています。仕様の策定はバージョンに分けて進められており、 CSS1 が既に廃止、CSS2.1 が勧告の段階、CSS3 が（より小さなモジュールに分割された上で）標準化の手続中のステータスにあります。

ベテランWeb 開発者向けの網羅的なリファレンス。CSS のあらゆるプロパティと概念を解説します。

完全な初心者向けのイントロダクション。必要な基礎をステップ・バイ・ステップで説明します。

最新の CSS 技術を用いた、創造性をかきたてるデモの一覧です。

ドキュメント

CSS の主要な概念
言語の構文の説明や、詳細度と継承、ボックスモデルとマージンの相殺、スタック文脈とブロック整形文脈、または初期値、計算値、使用値、実効値といった原理の案内。簡略プロパティのような実体も定義されています。
効率的な CSS の書き方
スタイルシートエンジンがどのようにセレクタのマッチングを実行しているかを説明し、より効率的な CSS を書くためのルールを述べます。
CSS トランスフォーム
回転させたり、傾けたり、移動させたりするために、 どの要素にも適用され得る 2D の操作を示します。
CSS トランジション
始まりから終わりの状態の間でなめらかなアニメーションを使い、どのように要素の外観を変化させるかを説明します。
CSS アニメーション
要素にアニメーションを定義する方法だけでなく、 JavaScript でブラウザがそれをサポートしているかどうかを検出する方法を説明します。
CSS グラデーション
なめらかな色の変化からなるグラデーションの定義の方法の説明。
CSS マルチカラムレイアウト
CSS 3 のマルチカラムレイアウトを使って、どのようにマルチカラムのページ設定を行うかの説明。
CSS の多重背景
同じ要素に複数の背景を定義する方法の説明。
背景画像の拡大縮小
背景画像がそのコンテナのサイズにぴったり合っていない場合に、その背景画像の挙動をコントロールする方法を示します。
メディアクエリ
表示領域のサイズや解像度、タッチスクリーンの有無などの、レンダリングデバイスの詳細に基づいてスタイルシートを選択する方法の説明。
CSS のカウンタ
本質的にはリストのカウンタとして使われる、自動的なカウンタやナンバリングを使用する方法の説明。
フォントとタイポグラフィ
@font-face を使ったフォントの管理と WOFF フォントフォーマットについての情報。
CSS フレキシブルボックス
レイアウトを設計するためのフレキシブルボックスを使用する方法の説明。
一貫性のあるリストの字下げ
CSS を用いてリストの字下げを変更することは、見た目より裏技的です。しかし、標準準拠のCSSをサポートするブラウザでは、既定のものから変更する別の方法があります。このすべてについて解説します。
動的なスタイル情報の利用
DOM を通じてスタイルの情報を得、操作する方法。

すべて見る...

コミュニティ

ツール

すべて見る...

 

ドキュメントのタグと貢献者

Contributors to this page: s_fujimoto, ethertank, sosleepy, sii, teoli, Marsf, Kohei, Shimono, kohei.yoshino, Mgjbot, OGINO Masanori, Okome, Taken Bot
最終更新者: s_fujimoto,