CSS3プロパティ一覧－CSS辞書

色

“CSS Color Module”

プロパティ	説明
`color:`
`color-adjust:`
`opacity:`

背景とボーダー

“CSS Backgrounds and Borders Module”

プロパティ	説明
`background:`
`background-attachment:`
`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-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-style:`
`border-top:`
`border-top-color:`
`border-top-left-radius:`
`border-top-right-radius:`
`border-top-style:`
`border-top-width:`
`border-width:`
`box-decoration-break:`
`box-shadow:`

マルチカラムレイアウト

“CSS Multi-column Layout Module”

プロパティ	説明
`break-after:`
`break-before:`
`break-inside:`
`column-count:`
`column-fill:`
`column-gap:`
`column-rule:`
`column-rule-color:`
`column-rule-style:`
`column-rule-width:`
`column-span:`
`column-width:`
`columns:`

音声

“CSS Speech Module”

プロパティ	説明
`cue:`
`cue-after:`
`cue-before:`
`pause:`
`pause-after:`
`pause-before:`
`rest:`
`rest-after:`
`rest-before:`
`speak:`
`speak-as:`
`voice-balance:`
`voice-duration:`
`voice-family:`
`voice-pitch:`
`voice-range:`
`voice-rate:`
`voice-stress:`
`voice-volume:`

画像

“CSS Image Values and Replaced Content Module”

プロパティ	説明
`image-resolution:`
`object-fit:`
`object-position:`

フレキシブルボックス

“CSS Flexible Box Layout Module”

プロパティ	説明
`align-content:`
`align-items:`
`align-self:`
`flex:`
`flex-basis:`
`flex-direction:`
`flex-flow:`
`flex-grow:`
`flex-shrink:`
`flex-wrap:`
`justify-content:`
`order:`

テキストの装飾

“CSS Text Decoration Module ”

プロパティ	説明
`text-align-last:`
`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-shadow:`
`text-underline-position:`

フォント

“CSS Fonts Module”

プロパティ	説明
`font:`
`font-family:`
`font-feature-settings:`
`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:`

書字方向

“CSS Writing Modes Module”

プロパティ	説明
`direction:`
`text-combine-upright:`
`text-orientation:`
`unicode-bidi:`
`writing-mode:`

幾何学図形の回り込み

“CSS Shapes Modes Module”

プロパティ	説明
`shape-outside:`
`shape-image-threshold:`
`shape-margin:`

マスキング

“CSS Masking Module”

プロパティ	説明
`clip-path:`
`clip-rule:`
`mask-image:`
`mask-mode:`
`mask-repeat:`
`mask-position:`
`mask-clip:`
`mask-origin:`
`mask-size:`
`mask-composite:`
`mask:`
`mask-type:`

時間的変化

“CSS Transitions”

プロパティ	説明
`transition:`
`transition-property:`
`transition-duration:`
`transition-timing-function:`
`transition-delay:`

アニメーション

“CSS Animations”

プロパティ	説明
`animation:`
`animation-name:`
`animation-duration:`
`animation-timing-function:`
`animation-iteration-count:`
`animation-direction:`
`animation-play-state:`
`animation-delay:`
`animation-fill-mode:`

変形

“CSS Transforms”

プロパティ	説明
`backface-visibility:`
`perspective:`
`perspective-origin:`
`transform:`
`transform-origin:`
`transform-style:`

テキスト

“CSS Text Module”

プロパティ	説明
`hanging-punctuation:`
`hyphens:`
`letter-spacing:`
`line-break:`
`overflow-wrap:`
`tab-size:`
`text-align:`
`text-align-last:`
`text-indent:`
`text-justify:`
`text-transform:`
`white-space:`
`word-break:`
`word-spacing:`

ユーザインターフェース

“CSS Basic User Interface Module”

プロパティ	説明
`box-sizing:`
`outline:`
`outline-width:`
`outline-style:`
`outline-color:`
`outline-offset:`
`resize:`
`text-overflow:`
`cursor:`
`caret-color:`

グリッドレイアウト

“CSS Grid Layout”

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

ボックスの整列

“CSS Box Alignment Module”

プロパティ	説明
`align-content:`
`justify-content:`
`place-content:`
`align-self:`
`justify-self:`
`place-self:`
`align-items:`
`justify-items:`
`place-items:`
`row-gap:`
`column-gap:`
`gap:`

印刷

“CSS Paged Media Module”

プロパティ	説明
`image-orientation:`
`orphans:`
`page-break-after:`
`page-break-before:`
`page-break-inside:`
`widows:`

プロパティ	説明
`list-style:`
`list-style-image:`
`list-style-position:`
`list-style-type:`

ボックスモデル

“CSS basic box model”

プロパティ	説明
`clear:`
`display:`
`float:`
`height:`
`margin:`
`margin-bottom:`
`margin-left:`
`margin-right:`
`margin-top:`
`max-height:`
`max-width:`
`min-height:`
`min-width:`
`overflow:`
`overflow-style:`
`overflow-x:`
`overflow-y:`
`padding:`
`padding-bottom:`
`padding-left:`
`padding-right:`
`padding-top:`
`visibility:`
`width:`

生成と置換

“CSS Generated Content Module”

プロパティ	説明
`content:`
`counter-increment:`
`counter-reset:`
`quotes:`

位置

“CSS Positioned Layout Module”

プロパティ	説明
`bottom:`
`clip:`
`left:`
`position:`
`right:`
`top:`
`z-index:`

テーブル

プロパティ	説明
`border-collapse:`
`border-spacing:`
`caption-side:`
`empty-cells:`
`table-layout:`

合成と混合

“CSS Compositing and Blending”

プロパティ	説明
`background-blend-mode:`
`mix-blend-mode:`
`isolation:`

変更の予測

“CSS Will Change”

プロパティ	説明
`will-change:`

SVG画像

“Scalable Vector Graphics”

プロパティ	説明
`pointer-events:`

ポインタイベント

“Pointer Events”

プロパティ	説明
`touch-action:`