スタイルシート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 ………… フォントのサイズの違いを調整

テキスト

  • color ………… 文字色の指定
  • 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独自)

背景

横幅と高さ

  • 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 ………… 左のボーダー(枠線)の太さを指定

配置

  • margin:auto ………… センタリングする
  • position ………… 配置方法(基準位置)を指定
  • position:absolute ………… 絶対位置で配置する
  • position:relative ………… 相対位置で配置する
  • position:fixed ………… 固定配置する
  • top ………… 上からの距離(位置)を指定
  • bottom ………… 下からの距離(位置)を指定
  • left ………… 左からの距離(位置)を指定
  • right ………… 右からの距離(位置)を指定
  • float ………… 左右への配置と回り込みの指定
  • clear ………… 回り込みを解除する
  • z-index ………… 要素の重なりの順序を指定

表示

  • overflow ………… はみ出た部分の表示方法を指定
  • overflow-x ………… 横方向のはみ出た部分の表示方法を設定(IE独自)
  • overflow-y ………… 縦方向のはみ出た部分の表示方法を指定(IE独自)
  • display ………… ブロックレベル・インラインなどの表示形式を指定
  • visibility ………… ボックスの表示・非表示の設定
  • display,visibility ………… 要素を非表示にする
  • clip ………… 見える範囲を指定する
  • direction ………… 文字表記の方向を設定
  • unicode-bidi ………… 文字表記の方向の組込みと上書き
  • 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独自)

フィルタ

  • filter ………… テキストや画像にフィルタを適用する
  • Blur() ………… 文字や画像をぼかす
  • DropShadow() ………… シャープな影を付ける
  • Shadow() ………… ぼかしのある影を付ける
  • invert() ………… 色を反転する(明度・彩度・色相)
  • xray() ………… X線写真のように白黒反転する
  • Alpha() ………… 透過して表示する
  • Chroma() ………… 指定した色を透過する
  • fliph() ………… 左右に反転する
  • flipv() ………… 上下に反転する
  • MaskFilter() ………… 指定の色でマスクをかける
  • Glow() ………… グロー効果を与える
  • Emboss() ………… エンボス(浮彫)で表示する
  • Engrave() ………… エングレーブ表示する
  • MotionBlur() ………… ブレさせて表示する
  • Wave() ………… 波状にして表示する
  • Pixelate() ………… モザイクをかける
  • Matrix() ………… 自在に傾けて表示する
  • Gradient() ………… 透過できるグラデーションで表示する
  • BasicImage() ………… 複数のフィルタ効果をまとめて指定
  • zoom ………… 拡大・縮小する

ルビ

グリッド(IE独自)

音声関連

  • volume ………… ボリューム(音量)の指定
  • pause ………… 読み上げの一時停止をまとめて指定
  • pause-before ………… 要素の前で読み上げる音声を一時停止する
  • pause-after ………… 要素の後で読み上げる音声を一時停止する
  • cue ………… 要素の前後のサウンドアイコンをまとめて指定
  • cue-before ………… 要素の前のサウンドアイコン
  • cue-after ………… 要素の後のサウンドアイコン
  • pitch ………… 声の高さを指定
  • pitch-range ………… 声の高さの変化する幅
  • stress ………… アクセントの強さ
  • richness ………… 声の豊かさ・明瞭さ
  • speech-rate ………… 読み上げる速度の指定
  • play-during ………… 背景音(BGM)の指定
  • speak ………… 読み方の指定
  • speak-numeral ………… 数字の読み方の指定
  • speak-punctuation ………… 句読点や記号を読むかどうかを指定
  • speak-header ………… 表の見出しを読み上げるタイミング
  • azimuth ………… 声が聞こえてくる横方向の位置
  • elevation ………… 声が聞こえてくる縦方向の位置
  • voice-family ………… 読み上げる声の種類を指定

セレクタ

その他