Les propriétés des Cascading Style Sheets ont connus des ajouts successifs depuis la création de ce langage de mise en forme de pages web.

Il faut savoir que la règle de rétro-compatibilité s’applique avec les CSS et qu’une version récente doit être compatible avec sa version antérieure, c’est pour cette raison que les propriétés CSS sont implémentés aux versions antérieures.

Cet article détaille les propriétés ajoutés depuis sa création en 1996.

CSS 1

Contient 53 propriétés CSS de base.

– background
– background-attachement
– background-color
– background-image
– background-position
– background-repeat
– border
– border-bottom
– border-width
– border-color
– border-left
– border-left-width
– border-right
– border-right-width
– border-style
– border-top
– border-top-width
– border-width
– clear
– color
– display
– float
– font
– font-family
– font-style
– font-style-adjust
– font-variant
– font-weight
– height
– letter-spacing
– line-height
– list-style
– list-bottom
– list-left
– list-right
– list-top
– list-style
– list-style-image
– list-position
– list-style-type
– margin
– margin-bottom
– margin-top
– margin-left
– margin-right
– padding
– padding-bottom
– padding-top
– padding-left
– padding-right
– text-align
– text-decoration
– text-indent
– text-transform
– vertical-align
– white-space
– width
– word-spacing

CSS 2

52 propriétés CSS ont été rajoutés.

– azimuth
– border-bottom-style
– border-bottom-color
– border-collapse
– border-left-color
– border-left-style
– border-right-color
– border-right-style
– border-top-color
– border-top-style
– border-bottom-color
– border-bottom-style
– border-spacing
– bottom
– caption-side
– clip
– content
– counter-increment
– counter-reset
– cue
– cue-after
– cue-before
– cursor
– direction
– elevation
– empty-cells
– font-size-adjust
– font-stretch
– left
– marks
– max-height
– max-width
– min-height
– min-height
– orphans
– outline
– outline-color
– outline-style
– outline-width
– overflow
– page-break-after
– page-break-before
– pitch
– pitch-range
– play-during
– position
– quotes
– richness
– right
– size
– speak
– speak-header
– speak-numeral
– speak-ponctuation
– speech-rate
– stress
– table-layout
– text-shadow
– top
– unicode-bidi
– visibility
– voice-family
– volume
– widows
– z-index

 CSS 3

La version actuelle de CSS à été augmenté de 146 propriétés.

– align-content
– align-items
– align-self
– alignment-adjust
– alignment-baseline
– anchor-point
– animation
– animation-delay
– animation-direction
– animation-duration
– animation-iteration-count
– animation-name
– animation-play-state
– animation-timing-function
– apearance
– backface-visibility
– background-clip
– background-origin
– background-size
– baseline-shift
– binding
– bleed
– bookmark-label
– bookmark-level
– bookmark-state
– bookmark-target
– border-radius
– border-bottom-left-radius
– border-bottom-right-radius
– border-top-left-radius
– border-top-right-radius
– border-image
– border-image-outset
– border-image-repeat
– border-image-slice
– border-image-source
– border-image-width
– box-decoration-break
– box-shadow
– box-sizing
– break-after
– break-before
– break-inside
– color-profile
– columns
– column-count
– column-fill
– column-gap
– column-rule
– column-rule-color
– column-rule-style
– column-rule-width
– column-span
– column-with
– crop
– dominant-baseline
– drop-initial-after-adjust
– drop-initial-after-align
– drop-initial-before-adjust
– drop-initial-before-align
– drop-initial-size
– drop-initial-value
– fit
– fit-position
– flex
– flex-basis
– flex-direction
– flex-flow
– flex-grow
– flex-shrink
– flex-wrap
– float-offset
– 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
– hanging-punctuation
– hyphens
– icon
– image-orientation
– image-rendering
– image-resolution
– inlign-box-align
– justify-content
– line-breack
– line-stacking
– line-stacking-ruby
– line-stacking-shift
– line-stacking-strategy
– marquee-direction
– marquee-loop
– marquee-play-count
– marquee-speed
– marquee-style
– move-to
– nav-down
– nav-index
– nav-left
– nav-right
– nav-up
– opacity
– order
– outline-offset
– overflow
– overflow-style
– overflow-wrap
– overflow-x
– overflow-y
– perspective
– perspective-origin
– presentation-level
– punctuation-trim
– rendering-intent
– resize
– rest
– rest-after
– rest-before
– rotation
– rotation-point
– ruby-align
– ruby-overhang
– ruby-position
– ruby-hang
– ruby-span
– speak-as
– string-set
– tab-size
– target
– target-name
– target-new
– text-align-position
– text-decoration-color
– text-decoration-skip
– text-decoration-style
– text-emphasis
– text-emphasis-color
– text-emphasis-position
– text-emphasis-style
– text-height
– text-justify
– text-outline
– text-shadow
– text-space-colapse
– text-underline-position
– text-wrap
– transform
– transform-origin
– transform-style
– transition
– transition-delay
– transition-duration
– transition-property
– transition-timing-function
– voice-balance
– voice-duration
– voice-pitch
– voice-range
– voice-rate
– voice-stress
– voice-volume
– word-break
– word-wrap

J’espère que cet article vous a plu !

Dans un prochain article je vous donnerais les réelles nouveautés de CSS 3.