HOME > スタイルシートリファレンス [ ABC順 / 目的別 ]
スタイルシートリファレンス 目的別
ABC順 フレームOFF / ON
目的別 フレームOFF / ON
背景 と 色
- 背景
- 背景を一括指定 ・・・ background
- 背景色 ・・・ background-color
- 背景画像 ・・・ background-image
- 背景画像の移動・固定 ・・・ background-attachment
- 背景画像の表示開始位置 ・・・ background-position
- 背景画像の繰り返しの仕方 ・・・ background-repeat
- 色
- 文字色(前景色) ・・・ color
文字
- フォント
- テキスト
- 行揃えの位置・均等割付 ・・・ text-align
- 均等割付の形式 ・・・ text-justify
- 縦方向の揃え位置 ・・・ vertical-align
- テキストの装飾 ・・・ text-decoration
- 下線の位置 ・・・ text-underline-position
- 1行目のインデント(字下げ)幅 ・・・ text-indent
- 大文字小文字変換 ・・・ text-transform
- 文字の表記方向 ・・・ direction
- Unicodeの文字表記の方向 ・・・ unicode-bidi
- 縦書き ・・・ writing-mode
- 間隔・改行
- ソース内の半角スペース・タブ・改行の表示の仕方 ・・・ white-space
- 文字の間隔 ・・・ letter-spacing
- 単語の間隔 ・・・ word-spacing
- 表意文字と他文字の間隔 ・・・ text-autospace
- 禁則処理 ・・・ line-break
- 文の改行の仕方 ・・・ word-break
- 単語の改行の仕方 ・・・ word-wrap
- ルビ
- ルビの配置の仕方 ・・・ ruby-align
- ルビが長い場合のはみ出し方 ・・・ ruby-overhang
- ルビの表示位置 ・・・ ruby-position
- グリッド
- グリッドを一括指定 ・・・ layout-grid
- グリッドの有効 / 無効 ・・・ layout-grid-mode
- グリッドのタイプ ・・・ layout-grid-type
- 行グリッドの高さ ・・・ layout-grid-line
- 文字グリッドの幅 ・・・ layout-grid-char
ボックス
- 大きさ
- 余白
- マージン (線の外側の余白)
margin / margin-top / margin-right / margin-bottom / margin-left - パディング (線の内側の余白)
padding / padding-top / padding-right / padding-bottom / padding-left
- マージン (線の外側の余白)
- ボーダー (枠線)
- ボーダー(枠線)の太さ、スタイル、色を一括指定
border / border-top / border-right / border-bottom / border-left - ボーダー(枠線)の太さを指定
border-width / border-top-width / border-right-width / border-bottom-width / border-left-width - ボーダー(枠線)のスタイルを指定
border-style / border-top-style / border-right-style / border-bottom-style / border-left-style - ボーダー(枠線)の色を指定
border-color / border-top-color / border-right-color / border-bottom-color / border-left-color
- ボーダー(枠線)の太さ、スタイル、色を一括指定
表示 と 配置
- 配置
- ボックスの配置の基準となる位置 ・・・ position
- 配置位置 ・・・ top / bottom / left / right
- ボックスの重なりの順序 ・・・ z-index
- 回り込み
- 右寄せ / 左寄せして回り込み ・・・ float
- 回り込みを解除 ・・・ clear
- はみ出た領域の扱い
- はみ出た領域の扱い ・・・ overflow / overflow-x / overflow-y
- 表示
テーブル
- テーブル (表)
- テーブル(表)の表示方法 ・・・ table-layout
- キャプション(表題)の表示位置 ・・・ caption-side
- ボーダー(枠線)の表示形式 ・・・ border-collapse
- ボーダー(枠線)の間隔 ・・・ border-spacing
- 空セルの表示形式 ・・・ empty-cells
リスト
- リスト
- リストマークを一括指定 ・・・ list-style
- リストマークの種類 ・・・ list-style-type
- リストマークの画像 ・・・ list-style-image
- リストマークの表示形式 ・・・ list-style-position
特殊効果
- 内容挿入
- 内容(コンテンツ)の挿入 ・・・ content
- 引用符 ・・・ quotes
- 入力モード
- 日本語入力モードの動作 ・・・ ime-mode
- 印刷
- 印刷における改ページの仕方 ・・・ page-break-before / page-break-after
- カーソル
- カーソルの形状 ・・・ cursor
- スクロールバー
- スクロールバーの色
scrollbar-base-color / scrollbar-3dlight-color / scrollbar-darkshadow-color / scrollbar-arrow-color / scrollbar-face-color / scrollbar-highlight-color / scrollbar-shadow-color / scrollbar-track-color
- スクロールバーの色
- 効果
基礎知識
- 基本解説
- スタイルシートとは?
HTMLとの違い / スタイルシートの特徴 - スタイルシートの書式
基本書式 / セレクタのグループ化 / 文脈による指定 - セレクタの種類
基本セレクタ / IDセレクタ / CLASSセレクタ / 擬似クラス・擬似要素 / リンク関連 - スタイルシートの設定
インラインスタイル / 埋め込みスタイルシート 外部スタイルシート
- スタイルシートとは?
- 標準と互換の違い ・・・ 標準準拠モードと互換モードでは表示が異なる場合があるので注意する
- 長さの単位 ・・・ 数値を指定するときは単位もあわせて指定する必要がある
- /* */ ・・・ コメント
このサイト内で使用している画像(バナー除く)及びテキストの無断複製・転載を禁じます
Copyright © 2006 KURAGEYA, All right reserved.