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 要素の表示倍率(拡大・縮小)を指定する