CSS3 Properties
List of CSS properties that have been introduced in CSS Level 3.
Below is a list of CSS3 properties. This list includes properties that are currently being written into the CSS3 specifications and may change as the specifications are updated.
Also see the full list of CSS properties (includes properties defined in CSS2 and CSS3).
Grid Layout
Animation
Transition Properties
Transform Properties
Multi-Column
Color/Image Effects
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
Overflow/Resize
- overflow (minor update from CSS 2.01)
- overflow-wrap
- overflow-x
- overflow-y
- resize
- text-overflow
Text Wrapping
Speech Media
New Alignment Properties
Other New Properties
Dropped CSS3 Properties
The following properties were introduced into draft versions of CSS3 before being dropped, or at least, appearing to be on their way out.
Marquees
Use animations to create CSS marquees instead.
Other Dropped Properties
- 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)
Follow CSS3 Development
The W3C is currently working on CSS3 (Cascading Style Sheets Level 3). This consists of many different modules, each at varying levels of completion. Each module has its own level (e.g. Level 3, Level 4, etc) but they're all considered part of CSS3.
Although many of the specifications are currently a work in progress, many of the new properties have been adopted by the major browsers manufacturers in the form of their own proprietary properties (i.e. with their manufacturer's extension such as -webkit-
, -moz-
, etc). Because of this, developers can start testing these new properties, even if the browsers don't actually support the W3C version of a particular property.
If you're interested to see what happening with the development of the CSS3 specifications, check out the CSS3 current work.