このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

ABC順のCSS3プロパティ

CSS辞書
CSS3のプロパティのABC順の一覧
用途別CSS3プロパティ

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:
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク