ABC順のCSS3プロパティ｜CSS－havin' a coffee break

＃

“A”ではじまるプロパティ

プロパティ	説明
accent-color:
align-content:
align-items:
alignment-baseline:
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:

＃

“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:	背景画像の大きさを指定する
baseline-shift:
baseline-source:
block-ellipsis:
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:
caret-color:
caret-shape:
clear:
clip:
clip-path:
clip-rule:
color:	テキストの文字色を指定する
color-adjust:
color-interpolation-filters:
color-scheme:	対応するカラー・スキームを示す
column-count:	段組みの段数を指定する
column-fill:	段組みのコンテンツの割り振りを指定する
column-gap:
column-rule:	段組みの罫線を指定する
column-rule-color:	段組みの罫線の色を指定する
column-rule-style:	段組みの罫線の見た目を指定する
column-rule-width:	段組みの罫線の太さを指定する
column-span:	要素を複数の段にまたがらせるかどうかを指定する
column-width:	段組みの段の横幅を指定する
columns:	段組みを指定する
content:
continue:
counter-increment:
counter-reset:
cursor:

＃

“D”ではじまるプロパティ

プロパティ	説明
direction:
display:
dominant-baseline:

＃

“E”ではじまるプロパティ

プロパティ	説明
empty-cells:	空白セルの表示を指定する

＃

“F”ではじまるプロパティ

プロパティ	説明
filter:	グラフィック・フィルターを指定する
flex:	フレックス・アイテムの寸法を指定する
flex-basis:	フレックス・アイテムの初期寸法を指定する
flex-direction:	フレックス・アイテムの配列順序を指定する
flex-flow:	フレックス・アイテムの配列方法を指定する
flex-grow:	フレックス・アイテムの伸長率を指定する
flex-shrink:	フレックス・アイテムの縮小率を指定する
flex-wrap:	フレックス・アイテムを複数行に配列かを指定する
float:
flood-color:
flood-opacity:
font:	フォントを指定する
font-family:	文字のフォントを指定する
font-feature-settings:
font-kerning:
font-language-override:
font-size:	フォントサイズを指定する
font-size-adjust:	文字の大きさを調整する
font-stretch:
font-style:	文字をイタリック体と斜体にする
font-synthesis:	太字と斜体の合成を許可する
font-synthesis-small-caps:	スモールキャピタルの生成を許可する
font-synthesis-style:	斜体の合成を許可する
font-synthesis-weight:	太字の合成を許可する
font-variant:
font-variant-alternates:
font-variant-caps:
font-variant-east-asian:
font-variant-ligatures:
font-variant-numeric:
font-variant-position:
font-weight:	文字の太さを指定する
forced-color-adjust:

＃

“G”ではじまるプロパティ

プロパティ	説明
gap:
grid:
grid-area
grid-auto-columns:
grid-auto-flow:
grid-auto-rows:
grid-column:
grid-column-end:
grid-column-start:
grid-row:
grid-row-end:
grid-row-start:
grid-template:
grid-template-areas:
grid-template-columns:
grid-template-rows:

＃

“H”ではじまるプロパティ

プロパティ	説明
hanging-punctuation:
height:	高さを指定する
hyphenate-character:
hyphenate-limit-chars:
hyphenate-limit-last:
hyphenate-limit-lines:
hyphenate-limit-zone:
hyphens:	ハイフネーションを行うかを指定する

＃

“I”ではじまるプロパティ

プロパティ	説明
image-orientation:
image-rendering:	拡大・縮小時の画像処理の方法を指定する
initial-letter:
initial-letter-align:
initial-letter-wrap:
inline-sizing:
isolation:

＃

“J”ではじまるプロパティ

プロパティ	説明
justify-content:
justify-items:
justify-self:

＃

“K”ではじまるプロパティ

“K”ではじまるプロパティはありません。

＃

“L”ではじまるプロパティ

プロパティ	説明
leading-trim:
left:
letter-spacing:	文字の間隔を調整する
line-break:	改行規則の適用方法を指定する
line-clamp:
line-height:	行の高さを指定する
line-padding:
list-style:
list-style-image:
list-style-position:
list-style-type:

＃

“M”ではじまるプロパティ

プロパティ	説明
margin:	境界線の外側の余白を指定する
margin-bottom:	境界線の外側の下の余白を指定する
margin-left:	境界線の外側の左の余白を指定する
margin-right:	境界線の外側の右の余白を指定する
margin-top:	境界線の外側の上の余白を指定する
mask:
mask-clip:
mask-composite:
mask-image:
mask-mode:
mask-origin:
mask-position:
mask-size:
mask-type:
max-height:	最大の高さを指定する
max-lines:
max-width:	最大の横幅を指定する
min-height:	最小の高さを指定する
min-width:	最小の横幅を指定する
mix-blend-mode:

＃

“N”ではじまるプロパティ

プロパティ	説明
nav-down:
nav-left:
nav-right:
nav-up:

＃

“O”ではじまるプロパティ

プロパティ	説明
object-fit:	置換要素のコンテンツのはめ込み方を指定する
object-position:	置換要素のコンテンツの配置位置を指定する
opacity:	透明度を指定する
order:
orphans:
outline:	輪郭線を指定する
outline-color:	輪郭線の色を指定する
outline-offset:	要素と輪郭線の距離を指定する
outline-style:	輪郭線の見た目を指定する
outline-width:	輪郭線の太さを指定する
overflow:	はみ出すコンテンツの処理を指定する
overflow-block:	ブロック方向にはみ出すコンテンツの処理を指定する
overflow-clip-margin:
overflow-inline:	インライン方向にはみ出すコンテンツの処理を指定する
overflow-wrap:	要素からはみ出してしまう単語を途中で改行するかを指定する
overflow-x:	水平方向にはみ出すコンテンツの処理を指定する
overflow-y:	垂直方向にはみ出すコンテンツの処理を指定する

＃

“P”ではじまるプロパティ

プロパティ	説明
padding:	境界線の内側の余白を指定する
padding-bottom:	境界線の内側の下の余白を指定する
padding-left:	境界線の内側の左の余白を指定する
padding-right:	境界線の内側の右の余白を指定する
padding-top:	境界線の内側の上の余白を指定する
page-break-after:
page-break-before:
page-break-inside:
perspective:	視点までの距離を指定する
perspective-origin:	視点の位置を指定する
place-content:
place-items:
place-self:
pointer-events:
position:
print-color-adjust:

＃

“Q”ではじまるプロパティ

プロパティ	説明
quotes:

＃

“R”ではじまるプロパティ

プロパティ	説明
resize:	ユーザーによるサイズの変更の可否を指定する
right:
rotate:
row-gap:

＃

“S”ではじまるプロパティ

プロパティ	説明
scale:
scrollbar-gutter:
scroll-behavior:	スムーズスクロールを指定する
shape-image-threshold:
shape-margin:
shape-outside:

＃

“T”ではじまるプロパティ

プロパティ	説明
tab-size:
table-layout:
text-align:	文字揃えを指定する
text-align-all:	最終行以外の文字揃えを指定する
text-align-last:	最終行の文字揃えを指定する
text-combine-upright:	縦書きのテキストの縦中横を指定する
text-decoration:	テキストに引く線を指定する
text-decoration-color:	テキストに引く線の色を指定する
text-decoration-line:	テキストに引く線の種類を指定する
text-decoration-skip:
text-decoration-skip-box:
text-decoration-skip-ink:
text-decoration-skip-inset:
text-decoration-skip-self:
text-decoration-skip-spaces:
text-decoration-style:	テキストに引く線の見た目を指定する
text-decoration-thickness:	テキストに引く線の太さを指定する
text-edge:
text-emphasis:
text-emphasis-color:
text-emphasis-position:
text-emphasis-skip:
text-emphasis-style:
text-group-align:
text-indent:	字下げを指定する
text-justify:	両端揃えの方法を指定する
text-orientation:	縦書きのテキストの文字の向きを指定する
text-overflow:	はみ出すコンテンツに省略記号を付与する
text-shadow:	テキストの影を指定する
text-space-collapse:	ホワイトスペースの処理方法を指定する
text-space-trim:
text-spacing:
text-transform:	テキストを大文字や小文字に置き換える
text-underline-offset:
text-underline-position:
text-wrap:	行の折り返しを指定する
top:
touch-action:
transform:	要素を変形
transform-box:	変形の基準となるボックスを指定する
transform-origin:	変形の原点を指定する
transform-style:	子要素を三次元空間に配置
transition:	遷移効果を指定する
transition-delay:	遷移効果の遅延時間を指定する
transition-duration:	遷移効果の所要時間を指定する
transition-property:	遷移効果の対象プロパティを指定する
transition-timing-function:	遷移効果のイージングを指定する
translate:

＃

“U”ではじまるプロパティ

プロパティ	説明
unicode-bidi:

＃

“V”ではじまるプロパティ

プロパティ	説明
vertical-align:
visibility:

＃

“W”ではじまるプロパティ

プロパティ	説明
white-space:	ホワイトスペースの処理と行の折り返しの可否を指定する
widows:
width:	横幅を指定する
will-change:
word-boundary-detection:
word-boundary-expansion:
word-break:	単語途中での改行を許容するかを指定する
word-spacing:	単語間の間隔を調整する
wrap-after:
wrap-before:
wrap-inside:
writing-mode:	書字方向が横書きか縦書きかを指定する

＃

“X”ではじまるプロパティ

“X”ではじまるプロパティはありません。

＃

“Y”ではじまるプロパティ

“Y”ではじまるプロパティはありません。

＃

“Z”ではじまるプロパティ

プロパティ	説明
z-index: