スタイルシート(CSS)リファレンス【プロパティ別一覧】

MENU
フォント
テキスト
背景
横幅と高さ
マージン
パディング
ボーダー
配置
表示
リスト
テーブル
コンテント
アウトライン
カーソル
ユーザーインタフェース
印刷
スクロールバー
フィルタ
ルビ
グリッド
音声関連
セレクタ
その他

NN独自・・・Netscape Navigator独自のタグ
IE独自・・・Internet Explorer独自のタグ

フォント

  • font ………… フォントのプロパティをまとめて指定
  • font ………… システムフォントを使用する
  • font-variant ………… スモールキャップのフォントを指定する
  • font-style ………… フォントを斜体・イタリックにする
  • font-weight ………… フォントの太さを指定
  • font-size ………… フォントサイズを指定
  • font-family ………… フォントの種類を指定
  • font-stretch ………… フォントの形を幅広・幅狭にする
  • font-size-adjust ………… フォントのサイズの違いを調整

テキスト

  • line-height ………… 行間の高さを設定
  • vertical-align ………… 文字の縦方向の位置揃え
  • text-align ………… 文字の行揃えの位置を指定
  • text-justify ………… 文字を均等割付する
  • text-shadow ………… テキストに影を付ける
  • text-decoration ………… テキストに下線・上線・点線・打ち消し線を付ける
  • text-underline-position ………… 下線の位置を指定(IE独自)
  • text-indent ………… 1行目にインデントを挿入
  • text-transform ………… 大文字・小文字に変換する
  • text-autospace ………… アルファベットなどの間隔を変更する(IE独自)
  • word-spacing ………… 単語の間隔を変更する
  • white-space ………… 空白・タブ・改行の表示方法
  • white-space ………… 改行をしないで表示する
  • letter-spacing ………… 文字間隔を変更する
  • line-break ………… 禁則処理の指定(IE独自)
  • word-break ………… テキストの改行方法の指定(IE独自)
  • word-wrap ………… 改行を単語の途中でする(IE独自)

背景

  • color ………… 文字色の指定
  • background ………… 背景関係をまとめて指定
  • background-color ………… 背景色を指定する
  • background-image ………… 背景画像を指定する
  • background-position ………… 背景画像の表示位置を指定する
  • background-position-x ………… 背景画像の横方向の位置を指定(IE独自)
  • background-position-y ………… 背景画像の縦方向の位置を指定(IE独自)
  • background-repeat ………… 背景画像の並び方を指定
  • background-attachment ………… 背景画像を固定・移動する

横幅と高さ

  • width ………… 横幅の設定
  • max-width ………… 横幅の最大値を指定
  • min-width ………… 横幅の最小値を指定
  • height ………… 高さの指定
  • max-height ………… 高さの最大値を指定
  • min-height ………… 高さの最小値を指定

マージン(余白)

  • margin ………… マージン(余白)に関する設定をまとめて指定
  • margin-top ………… 上のマージン(余白)を指定
  • margin-bottom ………… 下のマージン(余白)を指定
  • margin-left ………… 左のマージン(余白)を指定
  • margin-right ………… 右のマージン(余白)を指定

パディング(余白)

  • padding ………… パディング(余白)に関する設定をまとめて指定
  • padding-top ………… 上のパディング(余白)を指定
  • padding-bottom ………… 下のパディング(余白)を指定
  • padding-left ………… 左のパディング(余白)を指定
  • padding-right ………… 右のパディング(余白)を指定

ボーダー(枠線)

  • border ………… ボーダー(枠線)に関する設定をまとめて行う
  • border-color ………… ボーダー(枠線)の色を指定
  • border-style ………… ボーダー(枠線)のスタイルを指定
  • border-width ………… ボーダー(枠線)の太さの指定
  • border-top ………… 上のボーダー(枠線)に関する設定
  • border-top-color ………… 上のボーダー(枠線)の色を指定
  • border-top-style ………… 上のボーダー(枠線)のスタイルを指定
  • border-top-width ………… 上のボーダー(枠線)の太さを指定
  • border-right ………… 右のボーダー(枠線)に関する設定をまとめて行う
  • border-right-color ………… 右のボーダー(枠線)の色を指定
  • border-right-style ………… 右のボーダー(枠線)のスタイルを指定
  • border-right-width ………… 右のボーダー(枠線)の太さを指定
  • border-bottom ………… 下のボーダー(枠線)に関する設定をまとめて行う
  • border-bottom-color ………… 下のボーダー(枠線)の色を指定
  • border-bottom-style ………… 下のボーダー(枠線)のスタイルを指定
  • border-bottom-width ………… 下のボーダー(枠線)の太さを指定
  • border-left ………… 左のボーダー(枠線)に関する設定をまとめて行う
  • border-left-color ………… 左のボーダー(枠線)の色を指定
  • border-left-style ………… 左のボーダー(枠線)のスタイルを指定
  • border-left-width ………… 左のボーダー(枠線)の太さを指定

配置

  • position ………… ボックスの基準位置を指定(表示方法)
  • top ………… 上からの距離を指定
  • bottom ………… 下からの距離を指定
  • left ………… 左からの距離を指定
  • right ………… 右からの距離を指定
  • float ………… 回り込みの指定
  • clear ………… 回り込みを解除する
  • z-index ………… ボックスの重なりの順序を指定

表示

  • overflow ………… はみ出た内容の表示方法を設定
  • overflow-x ………… 横方向のはみ出た内容の表示方法を設定(IE独自)
  • overflow-y ………… 縦方向のはみ出た内容の表示方法を指定(IE独自)
  • display ………… ブロックレベル・インラインなどの表示形式を指定
  • visibility ………… ボックスの表示・非表示の設定
  • clip ………… ボックスを切り抜いて表示する
  • direction ………… 文字表記の方向を設定
  • unicode-bidi ………… 文字表記の方向を上書きする(Unicode)
  • writing-mode ………… 文字表記を縦書きにする(IE独自)

リスト

  • list-style ………… リストのマーカーに関する設定をまとめて行う
  • list-style-type ………… リストのマーカーの種類を指定
  • list-style-position ………… リストのマーカーの表示位置を指定
  • list-style-image ………… リストのマーカーを画像で表示
  • marker-offset ………… リストのマーカーと内容の間隔を指定

テーブル

  • table-layout ………… テーブル(表)の表示方法を指定
  • caption-side ………… テーブル(表)のキャプションの位置を変更
  • border-collapse ………… セルのボーダーの表示方法を指定
  • border-spacing ………… セルのボーダーの間隔を指定
  • empty-cells ………… 空白のセルのボーダーの表示設定

コンテント

  • content ………… 疑似要素で内容を挿入する
  • counter-increment ………… 要素のカウンタ(連番)を指定
  • counter-reset ………… 要素のカウンタ(連番)をリセットする
  • quotes ………… 引用符を指定する

アウトライン

  • outline ………… アウトラインの指定をまとめて行う
  • outline-color ………… アウトラインの色を指定
  • outline-width ………… アウトラインの太さを指定
  • outline-style ………… アウトラインのスタイルを指定

カーソル

  • cursor ………… カーソル(マウス)の形状を指定

ユーザーインタフェース

  • ime-mode ………… IMEの指定(IE独自)

印刷

  • page-break-before ………… 印刷する時の改ページ位置の設定
  • page-break-after ………… 印刷する時の改ページ位置の設定
  • page-break-inside ………… 印刷する際に要素内での改ぺージを避ける
  • orphans ………… 改ページ前のページの最低行数を指定
  • widows ………… 改ページされた次ページの最低行数を指定
  • page ………… ページボックスを適用する
  • size ………… ページボックスのサイズ・向きの設定
  • marks ………… トンボの印刷設定

スクロールバー(IE独自)

  • scrollbar-base-color ………… スクロールバーの基準色を指定
  • scrollbar-track-color ………… スクロールバーの下部分の色を指定
  • scrollbar-face-color ………… スクロールバーの移動部分の色を指定
  • scrollbar-highlight-color ………… スクロールバーのハイライト部分の色を指定
  • scrollbar-shadow-color ………… スクロールバーの影の部分の色を指定
  • scrollbar-3dlight-color ………… スクロールバー左端・上端の色を指定
  • scrollbar-darkshadow-color ………… スクロールバー右端・下端の色を指定
  • scrollbar-arrow-color ………… スクロールバーの矢印の色を指定

フィルタ

  • filter ………… テキストや画像に視覚効果を与える
  • filter:Blur() ………… 要素をぼかして表示
  • filter:DropShadow() ………… ぼかしがない影の表示
  • filter:Shadow() ………… ぼかしのある影を表示
  • filter:BasicImage() ………… 透過・反転・回転・グレースケール等の視覚効果を設定
  • filter:invert() ………… 色の反転(明度・彩度・色相)
  • filter:xray() ………… グレースケールにして反転
  • filter:Alpha() ………… 透過して表示する
  • filter:Chroma() ………… 指定した色を透明にする
  • filter:fliph() ………… 左右に反転する
  • filter:flipv() ………… 上下の反転
  • filter:MaskFilter() ………… 指定の色でマスクをかける
  • filter:Glow() ………… グロー効果を与える
  • filter:Emboss() ………… 浮彫(エンボス)で表示する
  • filter:Engrave() ………… 掘り下げて(エングレープ)表示する
  • filter:MotionBlur() ………… ぶれさせる
  • filter:Wave() ………… 波状に歪める
  • filter:Pixelate() ………… モザイクをかける
  • filter:Matrix() ………… 傾けて表示する
  • filter:Gradient() ………… グラデーションで表示する
  • zoom ………… 拡大・縮小する

ルビ

  • ruby-align ………… ルビの行揃えを指定
  • ruby-overhang ………… ルビの表示領域を指定
  • ruby-position ………… ルビの表示位置を指定

グリッド(IE独自)

  • layout-grid ………… まとめてグリッド関係の指定を行う
  • layout-grid-mode ………… グリッドに文字を表示
  • layout-grid-type ………… グリッドの文字表示の仕方を指定
  • layout-grid-char ………… 文字グリッドの幅を指定
  • layout-grid-line ………… 行グリッドの高さの指定

音声関連

  • volume ………… ボリューム(音量)の指定
  • speak ………… 読み上げる方法を指定
  • pause ………… 読み上げる音声の一時停止を指定
  • pause-before ………… 要素の前で読み上げる音声を一時停止する
  • pause-after ………… 要素の後で読み上げる音声を一時停止する
  • cue ………… 要素の前後の音声アイコンをまとめて指定
  • cue-before ………… 要素の前の音声アイコンを指定
  • cue-after ………… 要素の後の音声アイコンを指定
  • pitch ………… 音声の高さ・低さを指定
  • pitch-range ………… 音声の高低の幅を指定
  • stress ………… アクセントの抑揚を指定
  • richness ………… 音声の抑揚を指定
  • speech-rate ………… 読み上げる速さの指定
  • play-during ………… 背景音の指定(BGMなど)
  • speak-numeral ………… 数字の読み方の指定
  • speak-punctuation ………… 句読点などの区切り文字の読み方を指定
  • speak-header ………… テーブルのヘッダ情報の読み方を指定
  • azimuth ………… 音声が聞こえてくる方向を指定
  • elevation ………… 音声が聞こえてくる高さを指定
  • voice-family ………… 読み上げる声の種類を指定

セレクタ

  • タイプセレクタ ………… 特定の要素へスタイルを適用

その他

  • /∗コメント∗/ ………… CSSのソース中にコメントを導入する