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