スタイルシート(CSS)



  • ・outline：アウトラインのスタイル・太さ・色を設定するときに使います。

  • ・outline-color：アウトラインの色を設定するときに使います。

  • ・outline-style：アウトラインのスタイルを設定するときに使います。

  • ・outline-width：アウトラインの太さを設定するときに使います。

  • ・cursor：カーソルの形状を設定するときに使います。

  • ・layout-grid：グリッドに関する設定をまとめて行うときに使います。（Internet Explorer）

  • ・layout-grid-char：文字グリッドの幅を設定するときに使います。（Internet Explorer）

  • ・layout-grid-line：行グリッドの高さを設定するときに使います。（Internet Explorer）

  • ・layout-grid-mode：グリッドに文字を乗せるかどうかを設定するときに使います。（Internet Explorer）

  • ・layout-grid-type：グリッドへの文字の乗せ方を設定するときに使います。（Internet Explorer）

  • ・scrollbar-3dlight-color：スクロールバーの左端と上端の色を設定するときに使います。（Internet Explorer）

  • ・scrollbar-arrow-color：スクロールバーの矢印の色を設定するときに使います。（Internet Explorer）

  • ・scrollbar-base-color：スクロールバーのベース色を設定するときに使います。（Internet Explorer）

  • ・scrollbar-darkshadow-color：スクロールバーの右端と下端の色を設定するときに使います。（Internet Explorer）

  • ・scrollbar-face-color：スクロールバーの表面の色を設定するときに使います。（Internet Explorer）

  • ・scrollbar-highlight-color：スクロールバーのハイライトの色を設定するときに使います。（Internet Explorer）

  • ・scrollbar-shadow-color：スクロールバーの影の色を設定するときに使います。（Internet Explorer）

  • ・scrollbar-track-color：スクロールバーの下地の色を設定するときに使います。（Internet Explorer）

  • ・border-collapse：セルのボーダーの表示の仕方を設定するときに使います。

  • ・border-spacing：セルのボーダーの間隔を設定するときに使います。

  • ・caption-side：テーブル（表）のキャプションの位置を設定するときに使います。

  • ・empty-cells：空白セルのボーダーの表示・非表示を設定するときに使います。

  • ・table-layout：テーブル（表）の表示方法を設定するときに使います。

  • ・letter-spacing：文字の間隔を設定するときに使います。

  • ・line-break：禁則処理のしかたを設定するときに使います。（Internet Explorer）

  • ・line-height：行の高さを設定するときに使います。

  • ・text-align：行揃えの位置・均等割付を設定するときに使います。

  • ・text-autospace：アルファベット等との間隔を設定するときに使います。（Internet Explorer）

  • ・text-decoration：テキストの下線・上線・打ち消し線・点滅を設定するときに使います。

  • ・text-indent：一行目のインデント幅を設定するときに使います。

  • ・text-justify：均等割付の形式を設定するときに使います。（Internet Explorer）

  • ・text-shadow：テキストに影をつけるときに使います。

  • ・text-transform：テキストの大文字表示・小文字表示を設定するときに使います。

  • ・text-underline-position：下線の表示位置を設定するときに使います。（Internet Explorer）

  • ・vertical-align：縦方向の揃え位置を設定するときに使います。

  • ・white-space：ソース中のスペース・タブ・改行の表示の仕方を設定するときに使います。

  • ・word-break：文の改行の仕方について設定するときに使います。（Internet Explorer）

  • ・word-spacing：単語の間隔を設定するときに使います。

  • ・word-wrap：単語の途中で改行するかどうかを設定するときに使います。（Internet Explorer）

  • ・Alpha()：透過表示にするときに使います。

  • ・BasicImage()：透過・回転・反転・グレースケールなどを設定するときに使います。

  • ・Blur()：ぼかすときに使います。

  • ・Chroma()：特定の色を透明にするときに使います。

  • ・DropShadow()：ぼかしのない影をつけるときに使います。

  • ・Emboss()：浮き彫り表示（エンボス）にするときに使います。

  • ・Engrave()：彫り込み表示（エングレーブ）にするときに使います。

  • ・filter：様々な視覚効果を与えるときに使います。（Internet Explorer）

  • ・fliph()：左右反転するときに使います。

  • ・flipv()：上下反転するときに使います。

  • ・Glow()：背後から光を当てたような効果を与えるときに使います。

  • ・Gradient()：背景と内容の間にグラデーションの面を表示するときに使います。

  • ・invert()：色（色相・明度・彩度）を反転するときに使います。

  • ・MaskFilter()：設定した色でマスクをかけるときに使います。

  • ・Matrix()：二次元面を傾けたような表示にするときに使います。

  • ・MotionBlur() / blur()：方向を設定してぶれさせるときに使います。

  • ・Pixelate()：モザイク表示にするときに使います。

  • ・Shadow()：ぼかしのある影をつけるときに使います。

  • ・Wave()：波状に歪めて表示するときに使います。

  • ・xray()：X線効果（グレースケールにして反転）を適用するときに使います。

  • ・zoom：拡大・縮小表示するときに使います。（Internet Explorer）

  • ・font：フォントに関する設定をまとめて行うときに使います。

  • ・font-family：フォントの種類を設定するときに使います。

  • ・font-size：フォントのサイズを設定するときに使います。

  • ・font-size-adjust：フォントのサイズを調整するときに使います。

  • ・font-stretch：フォントを縦長・横長にするときに使います。

  • ・font-style：フォントをイタリック体・斜体にするときに使います。

  • ・font-variant：フォントをスモールキャップにするときに使います。

  • ・font-weight：フォントの太さを設定するときに使います。

  • ・border：ボーダーのスタイル・太さ・色を設定するときに使います。

  • ・border-bottom：下ボーダーのスタイル・太さ・色を設定するときに使います。

  • ・border-bottom-color：下ボーダーの色を設定するときに使います。

  • ・border-bottom-style：下ボーダーのスタイルを設定するときに使います。

  • ・border-bottom-width：下ボーダーの太さを設定するときに使います。

  • ・border-color：ボーダーの色を設定するときに使います。

  • ・border-left：左ボーダーのスタイル・太さ・色を設定するときに使います。

  • ・border-left-color：左ボーダーの色を設定するときに使います。

  • ・border-left-style：左ボーダーのスタイルを設定するときに使います。

  • ・border-left-width：左ボーダーの太さを設定するときに使います。

  • ・border-right：右ボーダーのスタイル・太さ・色を設定するときに使います。

  • ・border-right-color：右ボーダーの色を設定するときに使います。

  • ・border-right-style：右ボーダーのスタイルを設定するときに使います。

  • ・border-right-width：右ボーダーの太さを設定するときに使います。

  • ・border-style：ボーダーのスタイルを設定するときに使います。

  • ・border-top：上ボーダーのスタイル・太さ・色を設定するときに使います。

  • ・border-top-color：上ボーダーの色を設定するときに使います。

  • ・border-top-style：上ボーダーのスタイルを設定するときに使います。

  • ・border-top-width：上ボーダーの太さを設定するときに使います。

  • ・border-width：ボーダーの太さを設定するときに使います。

  • ・margin：マージンに関する設定をまとめて行うときに使います。

  • ・margin-bottom：下マージンを設定するときに使います。

  • ・margin-left：左マージンを設定するときに使います。

  • ・margin-right：右マージンを設定するときに使います。

  • ・margin-top：上マージンを設定するときに使います。

  • ・padding：パディングに関する設定をまとめて行うときに使います。

  • ・padding-bottom：下パディングを設定するときに使います。

  • ・padding-left：左パディングを設定するときに使います。

  • ・padding-right：右パディングを設定するときに使います。

  • ・padding-top：上パディングを設定するときに使います。

  • ・list-style：マーカーに関する設定をまとめて行うときに使います。

  • ・list-style-image：マーカー画像を設定するときに使います。

  • ・list-style-position：マーカーの表示位置を設定するときに使います。

  • ・list-style-type：マーカー文字の種類を設定するときに使います。

  • ・marker-offset：マーカーとの間隔を設定するときに使います。

  • ・ruby-align：ルビの行揃え位置を設定するときに使います。（Internet Explorer）

  • ・ruby-overhang：ルビの表示領域を設定するときに使います。（Internet Explorer）

  • ・ruby-position：ルビの表示位置を設定するときに使います。（Internet Explorer）

  • ・marks：トンボを印刷するかどうかを設定するときに使います。

  • ・orphans：改ページされる際の前ページの最低行数を設定するときに使います。

  • ・page：適用するときに使います。ページボックス名を設定するときに使います。

  • ・page-break-after：印刷時の改ページ位置を設定するときに使います。

  • ・page-break-before：印刷時の改ページ位置を設定するときに使います。

  • ・page-break-inside：印刷時の要素内での改ページを避けるときに使います。

  • ・size：ページボックスのサイズと向きを設定するときに使います。

  • ・widows：改ページされる際の次ページの最低行数を設定するときに使います。

  • ・azimuth：音声が聞こえてくる水平角度（方向）を設定するときに使います。

  • ・cue：要素の前後の合図音（サウンドアイコン）をまとめて設定するときに使います。

  • ・cue-after：要素の後の合図音（サウンドアイコン）を設定するときに使います。

  • ・cue-before：要素の前の合図音（サウンドアイコン）を設定するときに使います。

  • ・elevation：音声が聞こえてくる垂直角度（高さ）を設定するときに使います。

  • ・pause：要素の前後の音声の一時停止をまとめて設定するときに使います。

  • ・pause-after：要素の後の音声の一時停止を設定するときに使います。

  • ・pause-before：要素の前の音声の一時停止を設定するときに使います。

  • ・pitch：声の高低を設定するときに使います。

  • ・pitch-range：声の高低の幅を設定するときに使います。

  • ・play-during：背景音（BGMなど）を設定するときに使います。

  • ・richness：声の豊かさを設定するときに使います。

  • ・speak：読み上げ方法を設定するときに使います。

  • ・speak-header：表見出しの読み上げ方法を設定するときに使います。

  • ・speak-numeral：数字の読み方を設定するときに使います。

  • ・speak-punctuation：句読点や記号を読み上げるかどうかを設定するときに使います。

  • ・speech-rate：読み上げる速さを設定するときに使います。

  • ・stress：アクセントの強弱を設定するときに使います。

  • ・voice-family：声の種類を設定するときに使います。

  • ・volume：音量（ボリューム）を設定するときに使います。

  • ・behavior：外部スクリプトを適用するときに使います。（Internet Explorer）

  • ・content：内容（コンテンツ）を挿入するときに使います。

  • ・counter-increment：要素の連番（カウンタ）の値を進めるときに使います。

  • ・counter-reset：要素の連番（カウンタ）の値をリセットするときに使います。

  • ・quotes：引用符を設定するときに使います。

  • ・ime-mode：テキスト入力時のIMEの状態を設定するときに使います。（Internet Explorer）

  • ・bottom：下からの配置位置（距離）を設定するときに使います。

  • ・clear：回り込みを解除するときに使います。

  • ・clip：ボックスを切り抜き表示（クリッピング）するときに使います。

  • ・direction：文字表記の方向（左右）を設定するときに使います。

  • ・display：要素の表示形式（ブロック・インライン）を設定するときに使います。

  • ・float：左または右に寄せて配置するときに使います。

  • ・left：左からの配置位置（距離）を設定するときに使います。

  • ・overflow：はみ出た内容の表示方法を設定するときに使います。

  • ・overflow-x：はみ出た内容の表示方法を設定するときに使います。（Internet Explorer）

  • ・overflow-y：はみ出た内容の表示方法を設定するときに使います。（Internet Explorer）

  • ・position：ボックスの配置方法（基準位置）を設定するときに使います。

  • ・right：右からの配置位置（距離）を設定するときに使います。

  • ・top：上からの配置位置（距離）を設定するときに使います。

  • ・unicode-bidi：Unicodeの文字表記の方向を上書きするときに使います。

  • ・visibility：ボックスの表示・非表示を設定するときに使います。

  • ・writing-mode：文字表記の方向（縦横）を設定するときに使います。（Internet Explorer）

  • ・z-index：重なりの順序を設定するときに使います。

  • ・height：高さを設定するときに使います。

  • ・max-height：高さの最大値を設定するときに使います。

  • ・max-width：幅の最大値を設定するときに使います。

  • ・min-height：高さの最小値を設定するときに使います。

  • ・min-width：幅の最小値を設定するときに使います。

  • ・width：幅を設定するときに使います。

  • ・background：背景をまとめて設定するときに使います。

  • ・background-attachment：背景画像の固定・移動を設定するときに使います。

  • ・background-color：背景色を設定するときに使います。

  • ・background-image：背景画像を設定するときに使います。

  • ・background-position：背景画像の表示開始位置を設定するときに使います。

  • ・background-position-x：背景画像の横位置を設定するときに使います。（Internet Explorer）

  • ・background-position-y：背景画像の縦位置を設定するときに使います。（Internet Explorer）

  • ・background-repeat：背景画像のリピートの仕方を設定するときに使います。

  • ・color：文字の色（前景色）を設定するときに使います。