＃
“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: | |
| aspect-ratio: | アスペクト比を指定する |
＃
“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: | 段組みを指定する |
| contain-intrinsic-block-size: | |
| contain-intrinsic-height: | |
| contain-intrinsic-inline-size: | |
| contain-intrinsic-width: | |
| content: | |
| continue: | |
| counter-increment: | |
| counter-reset: | |
| counter-set: | |
| cursor: |
＃
＃
＃
“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: |
＃
＃
＃
“I”ではじまるプロパティ
| プロパティ | 説明 |
|---|---|
| image-orientation: | |
| image-rendering: | 拡大・縮小時の画像処理の方法を指定する |
| initial-letter: | |
| initial-letter-align: | |
| initial-letter-wrap: | |
| inline-sizing: | |
| isolation: |
＃
＃
＃
“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: | 境界線の外側の上の余白を指定する |
| marker-side: | |
| 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: | |
| print-color-adjust: |
＃
＃
＃
“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: |
＃
＃
＃
“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: | 書字方向が横書きか縦書きかを指定する |
＃
＃
＃
