• 本文
• リロード
• 差分
• バックアップ
• 名前変更
• リファラ
• 新規ページ
• 編集

CSS/プロパティ

CSS3/プロパティ

Top / CSS3 / プロパティ

https://www.quackit.com/css/css3/properties/

Grid Layout

• grid-area?
• grid-auto-columns?
• grid-auto-flow?
• grid-auto-rows?
• grid-column-end?
• grid-column-gap?
• grid-column-start?
• grid-column?
• grid-gap?
• grid-row-end?
• grid-row-gap?
• grid-row-start?
• grid-row?
• grid-template-areas?
• grid-template-columns?
• grid-template-rows?
• grid-template?
• grid?

Flexbox Layout

• align-content?
• align-items?
• align-self?
• flex
• flex-basis?
• flex-direction?
• flex-flow
• flex-grow?
• flex-shrink?
• flex-wrap?
• justify-content
• order?

Animation

• @keframes?
• animation?
• animation-delay?
• animation-direction?
• animation-duration?
• animation-fill-mode?
• animation-iteration-count?
• animation-name?
• animation-play-state?
• animation-timing-function?
• List of CSS animatable properties

• New Font Properties?
• font-feature-settings
• font-kerning?
• font-language-override?
• font-synthesis?
• font-variant-alternates?
• font-variant-caps?
• font-variant-east-asian?
• font-variant-ligatures?
• font-variant-numeric?
• font-variant-position?

Transition Properties

• transition
• transition-delay?
• transition-duration?
• transition-property?
• transition-timing-function?

Transform Properties?

• backface-visibility?
• perspective
• perspective-origin?
• transform
• transform-origin?
• transform-style?

Multi-Column

• break-after?
• break-before?
• break-inside?
• columns?
• column-count?
• column-fill?
• column-gap?
• column-rule?
• column-rule-color?
• column-rule-style?
• column-rule-width?
• column-span?
• column-width?

Borders

• border-radius
• border-top-left-radius?
• border-top-right-radius?
• border-bottom-left-radius?
• border-bottom-right-radius?
• border-image?
• border-image-outset?
• border-image-repeat?
• border-image-source?
• border-image-slice?
• border-image-width?

Color/Image Effects

• caret-color?
• box-shadow?
• filter
• isolation?
• mix-blend-mode?
• opacity
• linear-gradient?
• radial-gradient
• repeating-linear-gradient?
• repeating-radial-gradient?

Text Decoration?

• text-decoration? (updated from CSS2 — now shorthand for the following properties)
• text-decoration-line?
• text-decoration-style?
• text-decoration-color?
• text-decoration-skip?
• text-underline-position?

New Background Properties

• background-blend-mode?
• background-clip?
• background-origin?
• background-size

Keyboard Control

• nav-up?
• nav-down?
• nav-left?
• nav-right?

Overflow/Resize

• overflow (minor update from CSS 2.01?)
• overflow-wrap
• overflow-x?
• overflow-y?
• resize
• text-overflow

Text Wrapping

• hyphens?
• line-break?
• word-break
• word-wrap

Speech Media

• rest-after?
• rest-before?
• rest?
• speak-as?
• voice-balance?
• voice-duration?
• voice-pitch?
• voice-range?
• voice-rate?
• voice-stress?
• voice-volume?

New Alignment Properties

• align-content?
• align-items?
• align-self?
• justify-content
• justify-items?
• justify-self?
• place-content?
• place-items?
• place-self?

Other New Properties

• all?
• bleed?
• box-sizing
• box-decoration-break?
• hanging-punctuation?
• outline-offset?
• tab-size?
• text-align-last?
• will-change?

削除

• marquee-direction?
• marquee-play-count?
• marquee-speed?
• marquee-style?

• appearance? (this property has been dropped from CSS3) overflow-style]] (most likely been dropped)
• rotation? (this property has most likely been dropped from CSS3. Use transform instead)
• rotation-point? (this property has most likely been dropped from CSS3. Use transform-origin instead)