CSS

CSSとは、Cascading Style Sheets（カスケーディングスタイルシート）の略語で、(X)HTML で書かれた文書のレイアウトを定義する規格です。本来、HTML は論理構造を記述するという目的でしたが、1994年から激化したブラウザ戦争に巻き込まれる形で、ウェブページのレイアウトに HTML が用いて記述され、HTML3.2 という規格では、HTML 自身に見た目を整形するための仕様が大量に取り込まれることになりました。しかし、これは HTML の本来の目的から逸脱しているとして、文書の視覚的構造を規定する枠組みとして CSS が新たに策定されました。

そして現在、HTML によるレイアウトから CSS によるレイアウトを取り入れたウェブページが主流となりつつあり、(X)HTML文書が本来の意味とは違う見た目を達成するために多くのウェブページで活用されています。本稿では、現在、W3C で勧告されている CSS2（Cascading Style Sheets, level 2）の規格の改訂版である CSS2.1（Cascading Style Sheets, level 2 revision 1）の規格について用途別にプロパティをわけ、サンプル付きで解説しています。表示の指定をスタイルシートに一括指定することで、シンプルなウェブページ作りを目指しましょう。

前提知識: Cascading Style Sheets（カスケーディングスタイルシート）機構を扱うために必要な基本知識の解説。
色と背景: 文書に表現豊かな装飾を施す（プレゼンテーションを行う）ための前景色（文字色）・背景に関するプロパティ。
フォント: テキスト（文字列）を視覚的に表現する際に用いるフォントに関するプロパティ。
テキスト: テキストの揃え方、単語や文字の間隔、段落など視覚的体裁に関するプロパティ。
リスト: リスト項目のマーカーのイメージ表示や形状、主要ボックスに対するマーカーの位置制御などリストに関するプロパティ。
ボックス: 内容領域、パディング（枠内余白）、ボーダー（外枠）、マージン（周辺余白）のボックスに関するプロパティ。
テーブル: 表の枠線の表示方法、セルとセルの間隔の制御、キャプション（表題）の位置、空のセルの枠線の表示方法、表のレイアウト方法など表（テーブル）に関するプロパティ。
表示と配置: 適用対象となる要素とその内容の表示方法や配置方法の指定に関するプロパティ。
生成内容: 任意の要素の前後に仮想的な文字や画像などの内容や引用符を追加したり、自動で番号付けを行う生成内容に関するプロパティ。
ユーザインタフェイス: ポインティングデバイスのカーソル（ポインタ）、動的なアウトラインを制御するユーザインタフェイスに関するプロパティ。
音声: デフォルトの無機質な読み上げ音声から、音の演出の幅を広げる音声に関するプロパティ。
印刷: ページの印刷方法を制御する（プリントアウト時の体裁を整える）ためのプロパティ。
独自拡張・先行実装: ブラウザの独自拡張機能、または勧告仕様前のものを先行実装しているプロパティの紹介。

Go to top

現在位置

ナビゲーション

World Wide Web Guide

ステータス情報

作者: 上田遼
URI: http://w3g.jp/css/

検索

実績：大阪学院入試サイト New! / 三田市民病院 / 神戸女学院大学入試サイト / 釣りサンデー