#
“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”ではじまるプロパティ
プロパティ | 説明 |
---|---|
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-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: |
#
#
#
“F”ではじまるプロパティ
プロパティ | 説明 |
---|---|
flex: |
フレックス・アイテムの寸法を指定する |
flex-basis: |
フレックス・アイテムの初期寸法を指定する |
flex-direction: |
フレックス・アイテムの配列順序を指定する |
flex-flow: |
フレックス・アイテムの配列方法を指定する |
flex-grow: |
フレックス・アイテムの伸長率を指定する |
flex-shrink: |
フレックス・アイテムの縮小率を指定する |
flex-wrap: |
フレックス・アイテムを複数行に配列かを指定する |
float: |
|
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: |
#
#
#
#
#
#
“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: |
#
#
“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: |
#
#
#
“S”ではじまるプロパティ
プロパティ | 説明 |
---|---|
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-origin: |
|
transform-style: |
|
transition: |
|
transition-delay: |
|
transition-duration: |
|
transition-property: |
|
transition-timing-function: |
#
#
#
“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: |
書字方向が横書きか縦書きかを指定する |
#
#
#