Cascading Style Sheets (CSS) とは、HTML や (XHTML・SVGなどを含む) XML言語で記述された文書の「体裁」を規定するために用いられるスタイルシート言語です。CSSは、構造化された要素がどのように画面上で(あるいは紙や音声といった別のメディア上で)表示されるのかを定義します。
CSS はオープン ウェブの核となる言語の 1 つで、 W3C 標準の仕様が定められています。開発は複数の階層別に進められており、 CSS1 は既に廃止、 CSS2.1 が勧告、より小さなモジュールに分割された CSS3 が標準化の処理の最中となっております。
最新の CSS 技術を用いた、創造性をかきたてるデモ集です。
ドキュメント
-
CSS の主要な概念
-
言語の構文の説明や、詳細度と継承、ボックスモデルとマージンの相殺、スタック文脈とブロック整形文脈、または初期値、計算値、使用値、実効値といった原理の案内。簡略プロパティのような実体も定義されています。
-
効率的な CSS の書き方
-
スタイルシートエンジンがどのようにセレクタのマッチングを実行しているかを説明し、より効率的な CSS を書くためのルールを述べます。
-
CSS トランスフォーム
-
回転させたり、傾けたり、移動させたりするために、 どの要素にも適用され得る 2D の操作を示します。
-
CSS トランジション
-
始まりから終わりの状態の間でなめらかなアニメーションを使い、どのように要素の外観を変化させるかを説明します。
-
CSS アニメーション
-
要素にアニメーションを定義する方法だけでなく、 JavaScript でブラウザがそれをサポートしているかどうかを検出する方法を説明します。
-
CSS グラデーション
-
なめらかな色の変化からなるグラデーションの定義の方法の説明。
-
CSS マルチカラムレイアウト
-
CSS 3 のマルチカラムレイアウトを使って、どのようにマルチカラムのページ設定を行うかの説明。
-
CSS の多重背景
-
同じ要素に複数の背景を定義する方法の説明。
-
背景画像の拡大縮小
-
背景画像がそのコンテナのサイズにぴったり合っていない場合に、その背景画像の挙動をコントロールする方法を示します。
-
メディアクエリ
-
表示領域のサイズや解像度、タッチスクリーンの有無などの、レンダリングデバイスの詳細に基づいてスタイルシートを選択する方法の説明。
-
CSS のカウンタ
-
本質的にはリストのカウンタとして使われる、自動的なカウンタやナンバリングを使用する方法の説明。
-
フォントとタイポグラフィ
-
{{cssxref("@font-face")}} を使ったフォントの管理と WOFF フォントフォーマットについての情報。
-
CSS フレキシブルボックス
-
レイアウトを設計するためのフレキシブルボックスを使用する方法の説明。
-
一貫性のあるリストの字下げ
-
CSS を用いてリストの字下げを変更することは、見た目より裏技的です。しかし、標準準拠のCSSをサポートするブラウザでは、既定のものから変更する別の方法があります。このすべてについて解説します。
-
動的なスタイル情報の利用
-
DOM を通じてスタイルの情報を得、操作する方法。
すべて見る...
|
- Mozilla フォーラムを見る...
- {{DiscussionList("dev-tech-css", "mozilla.dev.tech.css")}}
すべて見る...
|