CSSプロパティを一覧表から探す
CSSプロパティを一覧表から素早く検索できるページです。プロパティの名称が分かっている場合は「イニシャル」から、使用用途が決まっている場合は「目的」から探して下さい。各CSSプロパティの意味や使い方は各ページに移動して解説を御覧ください。
目的からCSSプロパティを探す
| フォント・文字色 | |
|---|---|
| color | 文字の色を指定する |
| font | フォントに関する様々な機能を一括で指定する |
| font-family | 文字フォントの種類を指定する |
| font-feature-settings | OpenTypeフォントの拡張書体の特性を制御する |
| font-kerning | フォントの文字詰め（カーニング）を制御する |
| font-language-override | 文字を表示する祭に使用する言語情報を一時的に変更する |
| font-size | 文字フォントの大きさを指定する |
| font-size-adjust | 現在のフォントサイズを基準に小文字の大きさを相対的に調整する |
| font-stretch | 表示させるフォントの幅広や幅狭のフェイスを指定する |
| font-style | フォントを筆記体や斜体で表示するかどうかを指定する |
| font-synthesis | 太字や斜体に対応していないフォントの加工を制御する |
| font-variant | フォントの表示形式やブラウザの合成規則を一括で指定する |
| font-variant-alternates | 文字フォントの代替字体（グリフ）の選定を制御する |
| font-variant-caps | 文字列に適用されるキャピタライゼーションルールを制御する |
| font-variant-east-asian | 東アジアの言語で使われる字体を制御する |
| font-variant-ligatures | 隣り合った文字フォントの合字（リガチャ）を制御する |
| font-variant-numeric | 数値に関する文字表記を制御する |
| font-variant-position | 上付き文字や下付き文字として配置されるべき字体の使用を制御する |
| font-weight | 文字フォントの太さを指定する |
| テキスト関連 | |
| text-align | ボックスに含まれる内容の横位置の揃え方を指定する |
| text-align-last | ボックスに含まれる内容の最後の行を揃える位置を指定する |
| text-combine-upright | 一文字分の空間に挿入する文字の組み合わせを指定する |
| text-decoration | 文字の装飾線に関する値を一括で指定する |
| text-decoration-color | 文字に加えられた装飾線の色を指定する |
| text-decoration-line | 文字に加えられた装飾線の種類を指定する |
| text-decoration-skip-ink | 装飾線が文字を通過する祭の処理を指定する |
| text-decoration-style | 文字に加えられた装飾線の形状を指定する |
| text-decoration-thickness | 文字に加えられた装飾線の太さを指定する |
| text-emphasis | テキストに付加する圏点、傍点、脇点に関する値を一括で指定する |
| text-emphasis-color | テキストに付加する圏点、傍点、脇点の色を指定する |
| text-emphasis-position | テキストに付加する圏点、傍点、脇点の位置を指定する |
| text-emphasis-style | テキストに付加する圏点、傍点、脇点の記号を指定する |
| text-indent | テキストの一行目に挿入するインデントの幅を指定する |
| text-justify | テキストの行端揃えに対して均等割り付けの方法を指定する |
| text-orientation | 縦書きモードの文字の向きを指定する |
| text-overflow | 行からテキストが溢れている状態の表現方法を指定する |
| text-shadow | 文字に影（ドロップシャドウ）を付ける |
| text-transform | テキストの大文字・小文字の表記を指定する |
| text-underline-position | 文字の下に引かれる装飾線の位置を指定する |
| 文字揃え・段落の振る舞い | |
| direction | 文字表記の方向（左右）を指定する |
| letter-spacing | 文字同士の間隔を指定する |
| line-break | 句読点や記号などの禁則処理を指定する |
| line-height | 行の高さを指定する |
| tab-size | タブ（tab）文字の表示幅を指定する |
| unicode-bidi | Unicodeのアルゴリズムを上書きして文字表記の方向を変更する |
| white-space | 要素内のホワイトスペースの扱い方を指定する |
| word-break | 要素の幅を超過するテキストの自動改行について指定する |
| word-spacing | 単語同士の間隔を指定する |
| word-wrap | インライン要素に対して単語の途中で改行処理を行うかどうかを指定する |
| writing-mode | テキストの書字方向やブロックのフローを指定する |
| widows | ブロックが区切られた場合に次の行の先頭に表示される内容の最小行数を設定する |
| 要素の幅や高さ | |
| box-sizing | 要素の幅と高さをどのように計算するかを指定する |
| height | 要素の高さを指定する |
| width | 要素の幅を指定する |
| max-height | 要素の高さの最大値を指定する |
| max-width | 要素の幅の最大値を指定する |
| min-height | 要素の高さの最小値を指定する |
| min-width | 要素の幅の最小値を指定する |
| resize | ユーザーが要素のサイズを変更できるかどうかを指定する |
| 要素の表示や配置方法 | |
| bottom | 位置指定で配置された要素の底辺からの距離を指定する |
| break-after | ボックスの終了時にページやカラムをどのように区切るかを指定する |
| break-before | ボックスの開始前にページやカラムをどのように区切るかを指定する |
| break-inside | ボックスの途中でページやカラムをどのように区切るかを指定する |
| clear | フロート（float）の回り込みを解除する |
| clip | 要素を切り抜いて可視化する範囲を指定する |
| box-decoration-break | 要素の断片が複数の行やページに渡る場合に装飾の表示の仕方を指定する |
| display | 要素の表示形式を指定する |
| float | 要素を右または左へ寄せて配置する |
| image-orientation | 横向きや逆さまに撮影された写真を正しい向きに回転させる |
| image-rendering | 画像を拡大縮小するアルゴリズムを設定する |
| left | 位置指定で配置された要素の左辺からの距離を指定する |
| object-fit | 画像や動画などの置換要素をボックスに収める方法を指定する |
| object-position | ボックスの中に配置されるオブジェクトの位置を指定する |
| overflow | 要素からはみ出した内容の表示方法をまとめて指定する |
| overflow-wrap | インライン要素に対して溢れる単語の折り返し方法を指定する |
| overflow-x | 要素から水平方向にはみ出す内容の表示方法を指定する |
| overflow-y | 要素から垂直方向にはみ出す内容の表示方法を指定する |
| position | 要素の位置指定の種類を変更する |
| right | 位置指定で配置された要素の右辺からの距離を指定する |
| vertical-align | インライン要素や表のセルに対して縦方向の揃える位置を指定する |
| visibility | 要素の領域を残したまま表示・非表示を切り替える |
| z-index | 要素の重なり順序を指定する |
| zoom | 要素の表示倍率（拡大・縮小）を指定する |
| 要素の装飾や描画指定 | |
| accent-color | 一部の要素の強調色を指定する |
| all | 要素の全てのプロパティを初期化する |
| appearance | ブラウザが独自に描画する標準的なUIをCSSで変更できるようにする |
| caret-color | テキストの挿入位置や選択補助として表示されるキャレットの色を指定する |
| cursor | マウスポインタのカーソルの種類を指定する |
| filter | 画像やテキストにフィルタ効果を与える |
| isolation | 要素のスタッキング・コンテキストを制御する |
| mix-blend-mode | 重なり合った要素の内容と背景に対して描画モードを指定する |
| opacity | 要素の不透明度を指定する |
| scroll-behavior | スクロールが発生した場合の挙動を指定する |
| user-select | ユーザーがテキストを選択できるかどうかを指定する |
| 段組み・カラムレイアウト | |
| align-content | コンテナの交差軸または列方向に余白がある場合にアイテムの並べ方を指定する |
| align-items | コンテナに含まれる全てのアイテムに対して揃える位置を指定する |
| align-self | コンテナに含まれるアイテムの位置揃えを個別に指定する |
| box-decoration-break | 要素の断片が複数の行やページに渡る場合に装飾の表示の仕方を指定する |
| columns | 段組み要素に関するプロパティを一括で指定する |
| column-count | 段組み要素の内容を分割する数を指定する |
| column-fill | 段組み要素の高さに対して内容をどのように分配するかを指定する |
| column-gap | コンテナに配置されたアイテム同士の列方向の隙間を指定する |
| column-rule | 段組み要素の罫線のスタイルを一括で指定する |
| column-rule-color | 段組み要素の段と段の間に引かれる罫線の色を指定する |
| column-rule-style | 段組み要素の段と段の間に引かれる罫線の形状を指定する |
| column-rule-width | 段組み要素の段と段の間に引かれる罫線の太さを指定する |
| column-span | 段組み要素の中で全ての段にまたがるレイアウトを指定する |
| column-width | 段組み要素の段に対して目安の幅を指定する |
| flex | フレックス・アイテムの伸縮率や基準となる寸法を一括で指定する |
| flex-basis | フレックス・アイテムの基準となる寸法を指定する |
| flex-direction | フレックス・コンテナの主軸方向やアイテムの並び方向を指定する |
| flex-flow | フレックス・コンテナがアイテムをレイアウトするフローをまとめて指定する |
| flex-grow | フレックス・アイテムが伸長する倍率を指定する |
| flex-shrink | フレックス・アイテムが収縮する倍率を指定する |
| flex-wrap | フレックス・コンテナに入り切らないアイテムの折り返し方法を指定する |
| gap | コンテナに含まれるアイテム同士の隙間を指定する |
| grid-area | グリッド・アイテムの配置に関する基準を一括で指定する |
| grid-auto-columns | 暗黙的に作成されたグリッド列のサイズを指定する |
| grid-auto-flow | グリッド・アイテムがトラックに配置される方法を指定する |
| grid-auto-rows | 暗黙的に作成されたグリッド行のサイズを指定する |
| grid-column-end | グリッド・アイテムの配置に関して列方向の終了位置を指定する |
| grid-column-start | グリッド・アイテムの配置に関して列方向の開始位置を指定する |
| grid-column | グリッド・アイテムの配置に関して列方向の位置や寸法を一括で指定する |
| grid-row-end | グリッド・アイテムの配置に関して行方向の終了位置を指定する |
| grid-row-start | グリッド・アイテムの配置に関して行方向の開始位置を指定する |
| grid-row | グリッド・アイテムの配置に関して行方向の位置や寸法を一括で指定する |
| grid-template-areas | グリッド・コンテナの中に名前つきのグリッド・エリアを作成する |
| grid-template-columns | 明示的な列方向のグリッド・トラックを定義する |
| grid-template-rows | 明示的な行方向のグリッド・トラックを定義する |
| grid-template | グリッド・レイアウトのテンプレートに関する指定をまとめて行う |
| grid | グリッド・レイアウトに関するコンテナのプロパティを一括で指定する |
| justify-content | コンテナの主軸または行方向に余白がある場合にアイテムの並べ方を指定する |
| order | フレックスやグリッドのコンテナに並ぶアイテムの順序を指定する |
| orphans | ページや段組みカラムの最下部に表示されるブロックの最小行数を制御する |
| row-gap | コンテナに配置されたアイテム同士の行方向の隙間を指定する |
| 余白の範囲 | |
| margin | 要素の外側の余白（マージン）をまとめて指定する |
| margin-bottom | 要素の下辺にあたる外側の余白（マージン）を指定する |
| margin-left | 要素の左辺にあたる外側の余白（マージン）を指定する |
| margin-right | 要素の右辺にあたる外側の余白（マージン）を指定する |
| margin-top | 要素の上辺にあたる外側の余白（マージン）を指定する |
| padding | 要素の内側の余白（パディング）をまとめて指定する |
| padding-bottom | 要素の下辺にあたる内側の余白（パディング）を指定する |
| padding-left | 要素の左辺にあたる内側の余白（パディング）を指定する |
| padding-right | 要素の右辺にあたる内側の余白（パディング）を指定する |
| padding-top | 要素の上辺にあたる内側の余白（パディング）を指定する |
| 境界線・輪郭線 | |
| border | 要素の周囲に境界線を付ける |
| border-bottom | 要素の底辺に境界線を付ける |
| border-bottom-color | 要素の底辺に表示する境界線の色を指定する |
| border-bottom-left-radius | 要素の左下の角丸を指定する |
| border-bottom-right-radius | 要素の右下の角丸を指定する |
| border-bottom-style | 要素の底辺に表示する境界線の形状を指定する |
| border-bottom-width | 要素の底辺に表示する境界線の幅を指定する |
| border-collapse | 表のセル同士が隣接する境界線を共有するか分離するかを指定する |
| border-color | 要素の境界線の色を指定する |
| border-image | 要素の境界線に画像を指定する |
| border-image-outset | 境界線の画像が要素の縁からはみ出す距離を指定する |
| border-image-repeat | 境界線に表示させる画像の繰り返し方を指定する |
| border-image-slice | 境界線に指定した画像の使用範囲を指定する |
| border-image-source | 境界線に使用する画像ファイルを指定する |
| border-image-width | 境界線に指定した画像の幅を指定する |
| border-left | 要素の左辺に境界線を付ける |
| border-left-color | 要素の左辺に表示する境界線の色を指定する |
| border-left-style | 要素の左辺に表示する境界線の形状を指定する |
| border-left-width | 要素の左辺に表示する境界線の幅を指定する |
| border-radius | 要素の角丸についてまとめて指定する |
| border-right | 要素の右辺に境界線を付ける |
| border-right-color | 要素の右辺に表示する境界線の色を指定する |
| border-right-style | 要素の右辺に表示する境界線の形状を指定する |
| border-right-width | 要素の右辺に表示する境界線の幅を指定する |
| border-spacing | 表に含まれるセル同士の間隔を指定する |
| border-style | 境界線の形状を指定する |
| border-top | 要素の上辺に境界線を付ける |
| border-top-color | 要素の上辺に表示境界線の色を指定する |
| border-top-left-radius | 要素の左上の角丸を指定する |
| border-top-right-radius | 要素の右上の角丸を指定する |
| border-top-style | 要素の上辺に表示する境界線の形状を指定する |
| border-top-width | 要素の上辺に表示する境界線の幅を指定する |
| border-width | 境界線の幅を指定する |
| outline | アウトラインの装飾を一括で指定する |
| outline-color | アウトラインの色を指定する |
| outline-offset | アウトラインと要素の空間を指定する |
| outline-style | アウトラインの形状を指定する |
| outline-width | アウトラインの太さを指定する |
| 背景（バックグラウンド） | |
| background | 背景に関する指定をまとめて行う |
| background-attachment | 背景画像の固定・移動を指定する |
| background-blend-mode | 背景色や背景画像の描画モードを指定する |
| background-clip | 背景の描画範囲を指定する |
| background-color | 背景色を指定する |
| background-image | 背景画像やグラデーションを指定する |
| background-origin | 背景画像を配置する基準点を指定する |
| background-position | 背景画像の表示開始位置を指定する |
| background-repeat | 背景画像の繰り返しを指定する |
| background-size | 背景画像を表示するサイズ（大きさ）を指定する |
| backdrop-filter | 要素の背後領域にぼかしや色変化などのフィルタ効果を与える |
| 影・ドロップシャドウ | |
| box-shadow | 要素の外縁に影を落とすドロップシャドウの効果を追加する |
| text-shadow | 文字に影（ドロップシャドウ）を付ける |
| リスト（list）関連 | |
| list-style | リストマーカーに関するスタイルを一括で指定する |
| list-style-image | リスト項目のマーカーに画像を指定する |
| list-style-position | リスト項目の先頭に表示するマーカーの位置を指定する |
| list-style-type | リスト項目の先頭に表示するマーカーの種類を指定する |
| テーブル（table）関連 | |
| border-collapse | 表のセル同士が隣接する境界線を共有するか分離するかを指定する |
| border-spacing | 表に含まれるセル同士の間隔を指定する |
| caption-side | 表（テーブル）のキャプションの位置を指定する |
| empty-cells | 空白セルのボーダーの表示・非表示を指定する |
| table-layout | 表（テーブル）のレイアウトに使用されるアルゴリズムを指定する |
| 内容の挿入・置換 | |
| content | 特定の要素に対してコンテンツの挿入や置換を行う |
| counter-increment | CSSカウンターの値を増加または減少させる |
| counter-reset | CSSカウンターの値をリセットする |
| quotes | 置換要素を使って挿入する引用符の種類を設定する |
| アニメーション | |
| animation | アニメーションに関する指定をまとめて行う |
| animation-delay | アニメーションが開始するタイミングを指定する |
| animation-direction | アニメーションの再生方向を指定する |
| animation-duration | アニメーションの再生一回分の時間の長さを指定する |
| animation-fill-mode | アニメーションが再生されていない時にどのような状態で待機するかを指定する |
| animation-iteration-count | アニメーションの繰り返し回数を指定する |
| animation-name | アニメーションの名前を定義する |
| animation-play-state | アニメーションを再生させるか一時停止させるか指定する |
| animation-timing-function | アニメーションの再生タイミングに変化を付ける |
| トランジション | |
| transition | 時間によって変化するトランジション効果の値をまとめて操作する |
| transition-delay | トランジションが開始する前の待ち時間を指定する |
| transition-duration | トランジションが開始してから終了するまでの時間を指定する |
| transition-property | トランジションの対象となるプロパティを指定する |
| transition-timing-function | トランジションが開始してから終了するまでの変化の遷移を指定する |
| 変形・トランスフォーム | |
| backface-visibility | 要素が裏面を向いた時に可視化するかどうかを指定する |
| perspective | 三次元的に配置された要素の遠近感を指定する |
| perspective-origin | 三次元的に配置された要素に対する視点の位置を定める |
| transform | 要素に座標変換を適用して移動、回転、拡大縮小、歪みなどを行う |
| transform-origin | 要素を座標変換させる時の原点を指定する |
| transform-style | 変形可能要素が配置される空間の次元を切り替える |
イニシャル（頭文字）から探す
| A | |
|---|---|
| accent-color | 一部の要素の強調色を指定する |
| align-content | コンテナの交差軸または列方向に余白がある場合にアイテムの並べ方を指定する |
| align-items | コンテナに含まれる全てのアイテムに対して揃える位置を指定する |
| align-self | コンテナに含まれるアイテムの位置揃えを個別に指定する |
| all | 要素の全てのプロパティを初期化する |
| animation | アニメーションに関する指定をまとめて行う |
| animation-delay | アニメーションが開始するタイミングを指定する |
| animation-direction | アニメーションの再生方向を指定する |
| animation-duration | アニメーションの再生一回分の時間の長さを指定する |
| animation-fill-mode | アニメーションが再生されていない時にどのような状態で待機するかを指定する |
| animation-iteration-count | アニメーションの繰り返し回数を指定する |
| animation-name | アニメーションの名前を定義する |
| animation-play-state | アニメーションを再生させるか一時停止させるか指定する |
| animation-timing-function | アニメーションの再生タイミングに変化を付ける |
| appearance | ブラウザが独自に描画する標準的なUIをCSSで変更できるようにする |
| B | |
| backdrop-filter | 要素の背後領域にぼかしや色変化などのフィルタ効果を与える |
| backface-visibility | 要素が裏面を向いた時に可視化するかどうかを指定する |
| background | 背景に関する指定をまとめて行う |
| background-attachment | 背景画像の固定・移動を指定する |
| background-blend-mode | 背景色や背景画像の描画モードを指定する |
| background-clip | 背景の描画範囲を指定する |
| background-color | 背景色を指定する |
| background-image | 背景画像やグラデーションを指定する |
| background-origin | 背景画像を配置する基準点を指定する |
| background-position | 背景画像の表示開始位置を指定する |
| background-repeat | 背景画像の繰り返しを指定する |
| background-size | 背景画像を表示するサイズ（大きさ）を指定する |
| border | 要素の周囲に境界線を付ける |
| border-bottom | 要素の底辺に境界線を付ける |
| border-bottom-color | 要素の底辺に表示する境界線の色を指定する |
| border-bottom-left-radius | 要素の左下の角丸を指定する |
| border-bottom-right-radius | 要素の右下の角丸を指定する |
| border-bottom-style | 要素の底辺に表示する境界線の形状を指定する |
| border-bottom-width | 要素の底辺に表示する境界線の幅を指定する |
| border-collapse | 表のセル同士が隣接する境界線を共有するか分離するかを指定する |
| border-color | 要素の境界線の色を指定する |
| border-image | 要素の境界線に画像を指定する |
| border-image-outset | 境界線の画像が要素の縁からはみ出す距離を指定する |
| border-image-repeat | 境界線に表示させる画像の繰り返し方を指定する |
| border-image-slice | 境界線に指定した画像の使用範囲を指定する |
| border-image-source | 境界線に使用する画像ファイルを指定する |
| border-image-width | 境界線に指定した画像の幅を指定する |
| border-left | 要素の左辺に境界線を付ける |
| border-left-color | 要素の左辺に表示する境界線の色を指定する |
| border-left-style | 要素の左辺に表示する境界線の形状を指定する |
| border-left-width | 要素の左辺に表示する境界線の幅を指定する |
| border-radius | 要素の角丸についてまとめて指定する |
| border-right | 要素の右辺に境界線を付ける |
| border-right-color | 要素の右辺に表示する境界線の色を指定する |
| border-right-style | 要素の右辺に表示する境界線の形状を指定する |
| border-right-width | 要素の右辺に表示する境界線の幅を指定する |
| border-spacing | 表に含まれるセル同士の間隔を指定する |
| border-style | 境界線の形状を指定する |
| border-top | 要素の上辺に境界線を付ける |
| border-top-color | 要素の上辺に表示境界線の色を指定する |
| border-top-left-radius | 要素の左上の角丸を指定する |
| border-top-right-radius | 要素の右上の角丸を指定する |
| border-top-style | 要素の上辺に表示する境界線の形状を指定する |
| border-top-width | 要素の上辺に表示する境界線の幅を指定する |
| border-width | 境界線の幅を指定する |
| bottom | 位置指定で配置された要素の底辺からの距離を指定する |
| box-decoration-break | 要素の断片が複数の行やページに渡る場合に装飾の表示の仕方を指定する |
| box-shadow | 要素の外縁に影を落とすドロップシャドウの効果を追加する |
| box-sizing | 要素の幅と高さをどのように計算するかを指定する |
| break-after | ボックスの終了時にページやカラムをどのように区切るかを指定する |
| break-before | ボックスの開始前にページやカラムをどのように区切るかを指定する |
| break-inside | ボックスの途中でページやカラムをどのように区切るかを指定する |
| C | |
| caption-side | 表（テーブル）のキャプションの位置を指定する |
| caret-color | テキストの挿入位置や選択補助として表示されるキャレットの色を指定する |
| clear | フロート（float）の回り込みを解除する |
| clip | 要素を切り抜いて可視化する範囲を指定する |
| color | 文字の色を指定する |
| column-count | 段組み要素の内容を分割する数を指定する |
| column-fill | 段組み要素の高さに対して内容をどのように分配するかを指定する |
| column-gap | コンテナに配置されたアイテム同士の列方向の隙間を指定する |
| column-rule | 段組み要素の罫線のスタイルを一括で指定する |
| column-rule-color | 段組み要素の段と段の間に引かれる罫線の色を指定する |
| column-rule-style | 段組み要素の段と段の間に引かれる罫線の形状を指定する |
| column-rule-width | 段組み要素の段と段の間に引かれる罫線の太さを指定する |
| column-span | 段組み要素の中で全ての段にまたがるレイアウトを指定する |
| column-width | 段組み要素の段に対して目安の幅を指定する |
| columns | 段組み要素に関するプロパティを一括で指定する |
| content | 特定の要素に対してコンテンツの挿入や置換を行う |
| counter-increment | CSSカウンターの値を増加または減少させる |
| counter-reset | CSSカウンターの値をリセットする |
| cursor | マウスポインタのカーソルの種類を指定する |
| D | |
| direction | 文字表記の方向（左右）を指定する |
| display | 要素の表示形式を指定する |
| E | |
| empty-cells | 空白セルのボーダーの表示・非表示を指定する |
| F | |
| filter | 画像やテキストにフィルタ効果を与える |
| flex | フレックス・アイテムの伸縮率や基準となる寸法を一括で指定する |
| flex-basis | フレックス・アイテムの基準となる寸法を指定する |
| flex-direction | フレックス・コンテナの主軸方向やアイテムの並び方向を指定する |
| flex-flow | フレックス・コンテナがアイテムをレイアウトするフローをまとめて指定する |
| flex-grow | フレックス・アイテムが伸長する倍率を指定する |
| flex-shrink | フレックス・アイテムが収縮する倍率を指定する |
| flex-wrap | フレックス・コンテナに入り切らないアイテムの折り返し方法を指定する |
| float | 要素を右または左へ寄せて配置する |
| font | フォントに関する様々な機能を一括で指定する |
| font-family | 文字フォントの種類を指定する |
| font-feature-settings | OpenTypeフォントの拡張書体の特性を制御する |
| font-kerning | フォントの文字詰め（カーニング）を制御する |
| font-language-override | 文字を表示する祭に使用する言語情報を一時的に変更する |
| font-size | 文字フォントの大きさを指定する |
| font-size-adjust | 現在のフォントサイズを基準に小文字の大きさを相対的に調整する |
| font-stretch | 表示させるフォントの幅広や幅狭のフェイスを指定する |
| font-style | フォントを筆記体や斜体で表示するかどうかを指定する |
| font-synthesis | 太字や斜体に対応していないフォントの加工を制御する |
| font-variant | フォントの表示形式やブラウザの合成規則を一括で指定する |
| font-variant-alternates | 文字フォントの代替字体（グリフ）の選定を制御する |
| font-variant-caps | 文字列に適用されるキャピタライゼーションルールを制御する |
| font-variant-east-asian | 東アジアの言語で使われる字体を制御する |
| font-variant-ligatures | 隣り合った文字フォントの合字（リガチャ）を制御する |
| font-variant-numeric | 数値に関する文字表記を制御する |
| font-variant-position | 上付き文字や下付き文字として配置されるべき字体の使用を制御する |
| font-weight | 文字フォントの太さを指定する |
| G | |
| gap | コンテナに含まれるアイテム同士の隙間を指定する |
| grid-area | グリッド・アイテムの配置に関する基準を一括で指定する |
| grid-auto-columns | 暗黙的に作成されたグリッド列のサイズを指定する |
| grid-auto-flow | グリッド・アイテムがトラックに配置される方法を指定する |
| grid-auto-rows | 暗黙的に作成されたグリッド行のサイズを指定する |
| grid-column-end | グリッド・アイテムの配置に関して列方向の終了位置を指定する |
| grid-column-start | グリッド・アイテムの配置に関して列方向の開始位置を指定する |
| grid-column | グリッド・アイテムの配置に関して列方向の位置や寸法を一括で指定する |
| grid-row-end | グリッド・アイテムの配置に関して行方向の終了位置を指定する |
| grid-row-start | グリッド・アイテムの配置に関して行方向の開始位置を指定する |
| grid-row | グリッド・アイテムの配置に関して行方向の位置や寸法を一括で指定する |
| grid-template-areas | グリッド・コンテナの中に名前つきのグリッド・エリアを作成する |
| grid-template-columns | 明示的な列方向のグリッド・トラックを定義する |
| grid-template-rows | 明示的な行方向のグリッド・トラックを定義する |
| grid-template | グリッド・レイアウトのテンプレートに関する指定をまとめて行う |
| grid | グリッド・レイアウトに関するコンテナのプロパティを一括で指定する |
| H | |
| hanging-punctuation | 句読点、括弧、引用符などの禁則処理を指定する |
| height | 要素の高さを指定する |
| hyphens | 単語の折り返しやハイフネーションの規則を指定する |
| I | |
| image-orientation | 横向きや逆さまに撮影された写真を正しい向きに回転させる |
| image-rendering | 画像を拡大縮小するアルゴリズムを設定する |
| isolation | 要素のスタッキング・コンテキストを制御する |
| J | |
| justify-content | コンテナの主軸または行方向に余白がある場合にアイテムの並べ方を指定する |
| L | |
| left | 位置指定で配置された要素の左辺からの距離を指定する |
| letter-spacing | 文字同士の間隔を指定する |
| line-break | 句読点や記号などの禁則処理を指定する |
| line-height | 行の高さを指定する |
| list-style | リストマーカーに関するスタイルを一括で指定する |
| list-style-image | リスト項目のマーカーに画像を指定する |
| list-style-position | リスト項目の先頭に表示するマーカーの位置を指定する |
| list-style-type | リスト項目の先頭に表示するマーカーの種類を指定する |
| M | |
| margin | 要素の外側の余白（マージン）をまとめて指定する |
| margin-bottom | 要素の下辺にあたる外側の余白（マージン）を指定する |
| margin-left | 要素の左辺にあたる外側の余白（マージン）を指定する |
| margin-right | 要素の右辺にあたる外側の余白（マージン）を指定する |
| margin-top | 要素の上辺にあたる外側の余白（マージン）を指定する |
| max-height | 要素の高さの最大値を指定する |
| max-width | 要素の幅の最大値を指定する |
| min-height | 要素の高さの最小値を指定する |
| min-width | 要素の幅の最小値を指定する |
| mix-blend-mode | 重なり合った要素の内容と背景に対して描画モードを指定する |
| O | |
| object-fit | 画像や動画などの置換要素をボックスに収める方法を指定する |
| object-position | ボックスの中に配置されるオブジェクトの位置を指定する |
| opacity | 要素の不透明度を指定する |
| order | フレックスやグリッドのコンテナに並ぶアイテムの順序を指定する |
| orphans | ページや段組みカラムの最下部に表示されるブロックの最小行数を制御する |
| outline | アウトラインの装飾を一括で指定する |
| outline-color | アウトラインの色を指定する |
| outline-offset | アウトラインと要素の空間を指定する |
| outline-style | アウトラインの形状を指定する |
| outline-width | アウトラインの太さを指定する |
| overflow | 要素からはみ出した内容の表示方法をまとめて指定する |
| overflow-wrap | インライン要素に対して溢れる単語の折り返し方法を指定する |
| overflow-x | 要素から水平方向にはみ出す内容の表示方法を指定する |
| overflow-y | 要素から垂直方向にはみ出す内容の表示方法を指定する |
| P | |
| padding | 要素の内側の余白（パディング）をまとめて指定する |
| padding-bottom | 要素の下辺にあたる内側の余白（パディング）を指定する |
| padding-left | 要素の左辺にあたる内側の余白（パディング）を指定する |
| padding-right | 要素の右辺にあたる内側の余白（パディング）を指定する |
| padding-top | 要素の上辺にあたる内側の余白（パディング）を指定する |
| perspective | 三次元的に配置された要素の遠近感を指定する |
| perspective-origin | 三次元的に配置された要素に対する視点の位置を定める |
| position | 要素の位置指定の種類を変更する |
| Q | |
| quotes | 置換要素を使って挿入する引用符の種類を設定する |
| R | |
| resize | ユーザーが要素のサイズを変更できるかどうかを指定する |
| right | 位置指定で配置された要素の右辺からの距離を指定する |
| row-gap | コンテナに配置されたアイテム同士の行方向の隙間を指定する |
| S | |
| scroll-behavior | スクロールが発生した場合の挙動を指定する |
| T | |
| tab-size | タブ（tab）文字の表示幅を指定する |
| table-layout | 表（テーブル）のレイアウトに使用されるアルゴリズムを指定する |
| text-align | ボックスに含まれる内容の横位置の揃え方を指定する |
| text-align-last | ボックスに含まれる内容の最後の行を揃える位置を指定する |
| text-combine-upright | 一文字分の空間に挿入する文字の組み合わせを指定する |
| text-decoration | 文字の装飾線に関する値を一括で指定する |
| text-decoration-color | 文字に加えられた装飾線の色を指定する |
| text-decoration-line | 文字に加えられた装飾線の種類を指定する |
| text-decoration-skip-ink | 装飾線が文字を通過する祭の処理を指定する |
| text-decoration-style | 文字に加えられた装飾線の形状を指定する |
| text-decoration-thickness | 文字に加えられた装飾線の太さを指定する |
| text-emphasis | テキストに付加する圏点、傍点、脇点に関する値を一括で指定する |
| text-emphasis-color | テキストに付加する圏点、傍点、脇点の色を指定する |
| text-emphasis-position | テキストに付加する圏点、傍点、脇点の位置を指定する |
| text-emphasis-style | テキストに付加する圏点、傍点、脇点の記号を指定する |
| text-indent | テキストの一行目に挿入するインデントの幅を指定する |
| text-justify | テキストの行端揃えに対して均等割り付けの方法を指定する |
| text-orientation | 縦書きモードの文字の向きを指定する |
| text-overflow | 行からテキストが溢れている状態の表現方法を指定する |
| text-shadow | 文字に影（ドロップシャドウ）を付ける |
| text-transform | テキストの大文字・小文字の表記を指定する |
| text-underline-position | 文字の下に引かれる装飾線の位置を指定する |
| top | 位置指定で配置された要素の上辺からの距離を指定する |
| transform | 要素に座標変換を適用して移動、回転、拡大縮小、歪みなどを行う |
| transform-origin | 要素を座標変換させる時の原点を指定する |
| transform-style | 変形可能要素が配置される空間の次元を切り替える |
| transition | 時間によって変化するトランジション効果の値をまとめて操作する |
| transition-delay | トランジションが開始する前の待ち時間を指定する |
| transition-duration | トランジションが開始してから終了するまでの時間を指定する |
| transition-property | トランジションの対象となるプロパティを指定する |
| transition-timing-function | トランジションが開始してから終了するまでの変化の遷移を指定する |
| U | |
| unicode-bidi | Unicodeのアルゴリズムを上書きして文字表記の方向を変更する |
| user-select | ユーザーがテキストを選択できるかどうかを指定する |
| V | |
| vertical-align | インライン要素や表のセルに対して縦方向の揃える位置を指定する |
| visibility | 要素の領域を残したまま表示・非表示を切り替える |
| W | |
| white-space | 要素内のホワイトスペースの扱い方を指定する |
| widows | ブロックが区切られた場合に次の行の先頭に表示される内容の最小行数を設定する |
| width | 要素の幅を指定する |
| word-break | 要素の幅を超過するテキストの自動改行について指定する |
| word-spacing | 単語同士の間隔を指定する |
| word-wrap | インライン要素に対して単語の途中で改行処理を行うかどうかを指定する |
| writing-mode | テキストの書字方向やブロックのフローを指定する |
| Z | |
| z-index | 要素の重なり順序を指定する |
非推奨または廃止されたプロパティ
| background-break | インライン要素の背景画像の繰り返し方法を指定する |
| baseline-shift | 優先するベースラインを指定し直す |
| bookmark-label | ブックマークのラベル（名前）を指定する |
| bookmark-level | ブックマークのレベル（度合い）を指定する |
| bookmark-target | ブックマークのターゲット（対象）を指定する |
| border-break | ボックスが分割された場合のボーダーの表示方法を指定する |
| box-align | 親要素内に含まれる子要素を揃える水平位置の基準を指定する |
| box-direction | 親ボックス内に配置する子要素の表示方向を指定する |
| ime-mode | テキスト入力時のIMEの状態を指定する |
| marker-offset | リストマーカーとの間隔を指定する |
| page-break-after | 印刷時の改ページ位置を、特定の要素直後に指定する |
| page-break-before | 印刷時の改ページ位置を、特定の要素直前に指定する |
| scrollbar-base-color | スクロールバーのベースになる色を指定する |
| scrollbar-arrow-color | スクロールバーの矢印にあたる色を指定する |
| scrollbar-face-color | スクロールバーの表面にあたる色を指定する |
| scrollbar-3dlight-color | スクロールバーの左端と上端にあたる色を指定する |
| scrollbar-highlight-color | スクロールバーのハイライトにあたる色を指定する |
| scrollbar-shadow-color | スクロールバーの影にあたる色を指定する |
| scrollbar-darkshadow-color | スクロールバーの右端と下端にあたる色を指定する |
| text-autospace | アルファベット等との間隔を指定 |
| zoom | 要素の表示倍率（拡大・縮小）を指定する |