CSS(スタイルシート)辞典

文章の見栄え(レイアウトやデザイン)に関する情報を、文章の内容や構造とは別に定義する概念をスタイルシートといいます。スタイルシートには色んな作成方法があります。ここではよく使うスタイルシートをまとめてありますので、組み合わせでオシャレなデザインに作成していきましょう。

CSS(スタイルシート)辞典

  • スタイルシートでよく使うコードを集めて作成してます。あまり使わないコードや要素はあえて省いてあります。
  • 数値で使う単位はpxで説明してます。
  • class又はid="ここの名前"は適当につけてありますので、作成するホームページにあわせて入れ替えて下さい。

CSS(スタイルシート)の概要

  • CSSの基本
  • スタイルシートの内容と書き方

テキスト関連

  • テキストを装飾したい
  • 行揃えをしたい
  • 行の高さを指定したい

ボックス関連

  • マージンを指定したい
  • パディングを指定したい
  • ボーダー幅を指定したい
  • ボーダー色を指定したい
  • ボーダーの種類を指定したい
  • 内容領域の幅と高さを指定したい

フォント関連

  • フォントを指定したい
  • フォントの太さを指定したい
  • フォントサイズを指定したい

配置と表示関連

  • 要素の表示形式を指定したい
  • 任意の位置に表示したい
  • 回り込みを指定した
  • 回り込みを解除したい
  • 内容があふれた場合にはスクロールバーを表示する

色と背景関連

  • 文字色を指定したい
  • 背景色を指定したい
  • 背景画像を指定したい
  • 背景画像の繰り返し方法を指定したい
  • 背景画像を固定したい
  • 背景画像の位置を指定したい

リスト関連

  • リストマークを指定したい
  • リストマークに画像を使用したい

テーブル関連

  • セルのボーダーを重ねて表示する

その他

  • スクロールバーの色を指定したい

最終更新日: 2012年7月19日