Contents
Using all in CSS: unset property values
The all
property is one of the global keyword values in CSS. You can use it to reset all properties to the inherited or initial value:
Example
div {
   background-color: lightgreen;
   color: blue;
   all: inherit;
}
You can use it to make CSS remove style or attributes.
Note: CSS all does not affect unicode-bidi and direction properties.
CSS all: required syntax
To make CSS unset all property values, you need to follow the syntax below:
all: value;
You can define the value
using one of the three possible options. You can find them in the table below.
Pros Main Features
- Easy to use with a learn-by-doing approach
- Offers quality content
- Gamified in-browser coding experience
- The price matches the quality
- Suitable for learners ranging from beginner to advanced
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
Pros Main Features
- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid Certificates of completion
Pros Main Features
- A wide range of learning programs
- University-level courses
- Easy to navigate
- Verified certificates
- Free learning track available
- University-level courses
- Suitable for enterprises
- Verified certificates of completion
Property values
Value | Description | Syntax |
---|---|---|
initial | Changes all properties to the initial value | all: initial; |
inherit | Changes all properties to the parent value | all: inherit; |
unset | Changes all properties to the parent value if inheritable or the initial value if not | all: unset; |
Note: CSS all cannot be inherited or animated.
Browser support
Chrome
37+
Edge
-
Firefox
27+
IE
-
Opera
24+
Safari
9.1+
Mobile browser support
Chrome
37+
Firefox
27+
Opera
24+
Safari
9.3+