Les propriétés des Cascading Style Sheets ont connu 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. 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ées aux versions antérieures.

Cet article détaille les propriétés ajoutées depuis leur 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ées :

– 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ée 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 texte, je vous indiquerai les réelles nouveautés de CSS 3.