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-autospace | アルファベット等との間隔を指定 |
text-decoration | 文字に装飾線を加える |
text-decoration-color | 文字の装飾線の色を指定する |
text-decoration-line | 文字の装飾線の種類を指定する |
text-decoration-skip | 文字の装飾線について除外する対象を指定する |
text-decoration-style | 文字の装飾線の種類を指定する |
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 | 行の高さを指定する |
unicode-bidi | 文字表記の方向(左右)を指定する |
white-space | テキスト内の空白、タブ、改行の表示の仕方を指定する |
word-break | 文章の改行の仕方について指定する |
word-spacing | 単語の間隔を指定する |
word-wrap | 単語の途中における改行処理の仕方を指定する |
writing-mode | 文字表記の方向(縦横)を指定する |
ルビ関連 | |
ruby-align | ルビまたは本体の揃え方を指定する |
ruby-overhang | ルビが長い時に、対象文字に含まれない前後の文字の配置方法を指定する |
ruby-position | ルビの位置を指定する |
ruby-span | ルビがかかる本体の要素数を指定する |
要素の幅や高さ | |
box-sizing | 要素の幅と高さをどのように計算するかを指定する |
height | 要素の高さを指定する |
width | 要素の幅を指定する |
max-height | 要素の高さの最大値を指定する |
max-width | 要素の幅の最大値を指定する |
min-height | 要素の高さの最小値を指定する |
min-width | 要素の幅の最小値を指定する |
resize | ユーザーが要素のサイズを変更できるかどうかを指定する |
余白の指定 | |
margin | 要素の外側の余白(マージン)を指定する |
margin-bottom | 要素の底辺に当たる外側の余白(マージン)を指定する |
margin-left | 要素の左辺に当たる外側の余白(マージン)を指定する |
margin-right | 要素の右辺に当たる外側の余白(マージン)を指定する |
margin-top | 要素の上辺に当たる外側の余白(マージン)を指定する |
padding | 要素の内側の余白を指定する |
padding-bottom | 要素の内側の底辺側に当たる余白を指定する |
padding-left | 要素の内側の左辺側に当たる余白を指定する |
padding-right | 要素の内側の右辺側に当たる余白を指定する |
padding-top | 要素の内側の上辺側に当たる余白を指定する |
要素の表示や配置方法 | |
bottom | 位置指定で配置された要素の底辺からの距離を指定する |
break-after | ボックスの終了時にページやカラムをどのように区切るかを指定する |
break-before | ボックスの開始前にページやカラムをどのように区切るかを指定する |
break-inside | ボックスの途中でページやカラムをどのように区切るかを指定する |
clear | フロート(float)の回り込みを解除する |
clip | 要素を切り抜いて可視化する範囲を指定する |
box-decoration-break | 要素の断片が複数の行やページに渡る場合に装飾の表示の仕方を指定する |
display | 要素の表示形式を指定する |
float | 要素を右または左へ寄せて配置する |
left | 位置指定で配置された要素の左辺からの距離を指定する |
overflow | 要素からはみ出した内容の表示方法をまとめて指定する |
overflow-wrap | 長い単語の折り返し方法について指定する |
overflow-x | 要素からはみ出した内容の水平方向の表示方法を指定する |
overflow-y | 要素からはみ出した内容の垂直方向の表示方法を指定する |
position | 要素の配置方法について相対的か絶対的にするかを指定する |
right | 位置指定で配置された要素の右辺からの距離を指定する |
vertical-align | ボックス内のインライン要素に縦位置を揃える基準を指定する |
visibility | 要素の領域を残したまま表示・非表示を指定する |
z-index | 要素の重なり順序を指定する |
zoom | 要素の表示倍率(拡大・縮小)を指定する |
背景(バックグラウンド) | |
background | 背景に関する指定をまとめて行う |
background-attachment | 背景画像の固定・移動を指定する |
background-blend-mode | 背景色や背景画像の描画モードを指定する |
background-clip | 背景の描画範囲を指定する |
background-color | 背景色を指定する |
background-image | 背景画像やグラデーションを指定する |
background-origin | 背景画像を配置する基準点を指定する |
background-position | 背景画像の表示開始位置を指定する |
background-repeat | 背景画像の繰り返しを指定する |
background-size | 背景画像を表示するサイズ(大きさ)を指定する |
backdrop-filter | 要素の背後領域にぼかしや色変化などのフィルタ効果を与える |
外枠(ボーダー・アウトライン) | |
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 | アウトラインの太さを指定する |
段組み・カラムレイアウト | |
align-content | flexコンテナ内の縦に余白がある場合にflexアイテムの並べ方を指定する |
align-items | flexコンテナ内に含まれる全てのflexアイテムに対して揃える位置を指定する |
align-self | flexコンテナ内にあるflexアイテムの位置揃えを個別に指定する |
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 | グリッド関連の値を一括で指定する |
grid-column | グリッドレイアウトのカラムに関する指定を行う |
grid-row | グリッドレイアウトの行に関する指定を行う |
grid-template | グリッドレイアウトのテンプレートに関する指定を行う |
grid-template-rows | グリッドレイアウトのテンプレートに関する指定を行う |
grid-template-columns | グリッドレイアウトのテンプレートに関する指定を行う |
justify-content | flexboxコンテナ内でのボックスの詰め方を指定する |
order | flexbox内のボックスの配置順序を指定する |
リスト(list)関連 | |
list-style | リストマーカーに関する指定をまとめて行う |
list-style-image | リストマーカーに画像を指定する |
list-style-position | リストマーカーの表示位置を指定する |
list-style-type | リストマーカーの種類を指定する |
marker-offset | リストマーカーとの間隔を指定する |
テーブル(table)関連 | |
border-collapse | 表のセル同士が隣接する境界線を共有するか分離するかを指定する |
border-spacing | 表に含まれるセル同士の間隔を指定する |
caption-side | 表(テーブル)のキャプションの位置を指定する |
empty-cells | 空白セルのボーダーの表示・非表示を指定する |
table-layout | テーブルを描画する際のレンダリングアルゴリズムを指定する |
内容の挿入・置換 | |
content | 特定の要素に対してコンテンツの挿入や置換を行う |
counter-increment | CSSカウンターの値を増加または減少させる |
counter-reset | CSSカウンターの値をリセットする |
quotes | contentプロパティで挿入する引用符の表示方法を設定する |
アニメーション | |
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 | 時間によって変化するトランジション効果の変化に緩急を指定する |
影(シャドウ)の指定 | |
box-shadow | 要素の外縁に影を落とすドロップシャドウの効果を追加する |
text-shadow | 文字に影(ドロップシャドウ)を付ける |
変形・トランスフォーム | |
backface-visibility | 要素が裏面を向いた時に可視化するかどうかを指定する |
perspective | 子要素に対して遠近効果を指定する |
perspective-origin | perspectiveで指定した遠近投影の基点となる位置を指定する |
transform | 要素を変形させる |
transform-origin | 要素を変形させる際の基準点を指定する |
transform-style | 要素を変形させる際の基準点を指定する |
インターフェイスの装飾 | |
accent-color | 一部の要素の強調色を指定する |
all | 要素の全てのプロパティを初期化する |
appearance | ブラウザが独自に描画する標準的なUIをCSSで変更できるようにする |
caret-color | テキストの挿入位置や選択補助として表示されるキャレットの色を指定する |
cursor | マウスポインタのカーソルの種類を指定する |
scrollbar-base-color | スクロールバーのベースになる色を指定する |
scrollbar-arrow-color | スクロールバーの矢印にあたる色を指定する |
scrollbar-face-color | スクロールバーの表面にあたる色を指定する |
scrollbar-3dlight-color | スクロールバーの左端と上端にあたる色を指定する |
scrollbar-highlight-color | スクロールバーのハイライトにあたる色を指定する |
scrollbar-shadow-color | スクロールバーの影にあたる色を指定する |
scrollbar-darkshadow-color | スクロールバーの右端と下端にあたる色を指定する |
イニシャル(頭文字)から探す
A | |
---|---|
accent-color | 一部の要素の強調色を指定する |
align-content | flexコンテナ内の縦に余白がある場合にflexアイテムの並べ方を指定する |
align-items | flexコンテナ内に含まれる全てのflexアイテムに対して揃える位置を指定する |
align-self | flexコンテナ内にあるflexアイテムの位置揃えを個別に指定する |
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-resolution | 画像の解像度を指定する |
J | |
justify-content | flexboxコンテナ内でのボックスの詰め方を指定する |
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 | 要素の上辺に当たる外側の余白(マージン)を指定する |
marker-offset | リストマーカーとの間隔を指定する |
max-height | 要素の高さの最大値を指定する |
max-width | 要素の幅の最大値を指定する |
min-height | 要素の高さの最小値を指定する |
min-width | 要素の幅の最小値を指定する |
O | |
object-fit | オブジェクトをボックスにフィットさせる方法を指定する |
object-position | ボックス内のオブジェクトの位置を指定する |
opacity | 要素の透明度を指定する |
order | flexbox内のボックスの配置順序を指定する |
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 | perspectiveで指定した遠近投影の基点となる位置を指定する |
position | 要素の配置方法について相対的か絶対的にするかを指定する |
Q | |
quotes | contentプロパティで挿入する引用符の表示方法を設定する |
R | |
resize | ユーザーが要素のサイズを変更できるかどうかを指定する |
right | 位置指定で配置された要素の右辺からの距離を指定する |
ruby-align | ルビまたは本体の揃え方を指定する |
ruby-overhang | ルビが長い時に、対象文字に含まれない前後の文字の配置方法を指定する |
ruby-position | ルビの位置を指定する |
ruby-span | ルビがかかる本体の要素数を指定する |
S | |
scrollbar-base-color | スクロールバーのベースになる色を指定する |
scrollbar-arrow-color | スクロールバーの矢印にあたる色を指定する |
scrollbar-face-color | スクロールバーの表面にあたる色を指定する |
scrollbar-3dlight-color | スクロールバーの左端と上端にあたる色を指定する |
scrollbar-highlight-color | スクロールバーのハイライトにあたる色を指定する |
scrollbar-shadow-color | スクロールバーの影にあたる色を指定する |
scrollbar-darkshadow-color | スクロールバーの右端と下端にあたる色を指定する |
T | |
tab-size | タブ文字を表示する際の長さを指定する |
table-layout | テーブルを描画する際のレンダリングアルゴリズムを指定する |
target | リンクターゲットに関するプロパティをまとめて指定する |
target-name | リンク先を開いたときに表示する場所を指定する |
target-new | リンク先を新規ウィンドウ、または新規タブで開く |
target-position | リンク先を開く新規ウィンドウ、または新規タブの位置を指定する |
text-align | 内包する要素に対して横位置の揃え方を指定する |
text-align-last | 内包する要素の最終行に対して横位置の揃え方を指定する |
text-autospace | アルファベット等との間隔を指定 |
text-decoration | 文字に装飾線を加える |
text-decoration-color | 文字の装飾線の色を指定する |
text-decoration-line | 文字の装飾線の種類を指定する |
text-decoration-skip | 文字の装飾線について除外する対象を指定する |
text-decoration-style | 文字の装飾線の種類を指定する |
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 | 文字表記の方向(左右)を指定する |
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の状態を指定する |
page-break-after | 印刷時の改ページ位置を、特定の要素直後に指定する |
page-break-before | 印刷時の改ページ位置を、特定の要素直前に指定する |
zoom | 要素の表示倍率(拡大・縮小)を指定する |