CSS all property

Next ❯Extra Functions

Used to set common property values to all other properties at once of an element

  • turned_in_notProperty
    • all
  • Note! Not applicable for unicode-bidi and direction css property
  • The only properties which are called after all: property will not get affected by value of all: property

Checkout the text !

all:
p {
  color:red;
  text-align:center;
  border:2px solid black;
  all:unset;
  background:white; /*It will execute, because called after 'all' */
}
allsubject
allclose
<!DOCTYPE html>
<html>
<head>
<title>Full CSS Code</title>
<style>
p {
  color:red;
  text-align:center;
  border:2px solid black;
  all:unset;
  background:white; /*It will execute, because called after 'all' */
}
</style>
</head>
<body>
  <div style="background:pink;padding:10px;border:2px solid yellow;">
    <p>Checkout the text !</p>
  </div>
</body>
</html>


Checkout the text !

p {
  color:red;
  text-align:center;
  border:2px solid black;
  background:white;
}
all (Without)subject
all (Without)close
<!DOCTYPE html>
<html>
<head>
<title>Full CSS Code</title>
<style>
p {
  color:red;
  text-align:center;
  border:2px solid black;
  background:white;
}
</style>
</head>
<body>
  <div style="background:pink;padding:10px;border:2px solid yellow;">
    <p>Checkout the text !</p>
  </div>
</body>
</html>

  • Extra Functions
❮ Prev Common Property Value
Next ❯Extra Functions
TryOut Examples"Learn to Explore..!"

TryOut Editor

receipt