CSS-Eigenschaft all

❮ Vorige Nächste ❯

Die Eigenschaft all setzt alle Eigenschaften auf ihren ursprünglichen oder vererbten Wert zurück, außer unicode-bidi und direction.

Anfangswert	none
Gilt für	Alle Elemente
Geerbt	Nein
Animierbar	Nein
Version	CSS3
DOM Syntax	object.style.all = "inherit";

Syntax

all: initial | inherit | unset | revert;

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
    <style> 
      .example {
      background-color: #8ebf42;
      color: #666;
      all: revert;
      }
    </style>
  </head>
  <body>
    <h2>Beispiel für die Eigenschaft all</h2>
    <p>Hier ist all: revert; eingestellt.</p>
    <div class="example">
      Ein Extrovertierter ist eine freundliche Person, die gerne mit anderen Menschen spricht und mit ihnen zusammen ist. Extrovertierte lieben Partys, telefonieren und neue Leute treffen.
    </div>
  </body>
</html>

Versuch es selber!

Hier ist ein Beispiel, wo vier Werte der Eigenschaft all verwendet sind.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
    <style> 
      body {
      font-size: 15px;
      color: #1c87c9;
      }
      .example1 {
      background-color: #8ebf42;
      color: #666;
      }
      .example2 {
      background-color: #8ebf42;
      color: #666;
      all: inherit;
      }
      .example3 {
      background-color: #8ebf42;
      color: #666;
      all: initial;
      }
      .example4 {
      background-color: #8ebf42;
      color: #666;
      all: unset;
      }
    </style>
  </head>
  <body>
    <h2>Beispiel für die Eigenschaft all</h2>
    <hr>
    <p>No all property:</p>
    <div class="example1">
     Ein Extrovertierter ist eine freundliche Person, die gerne mit anderen Menschen spricht und mit ihnen zusammen ist. Extrovertierte lieben Partys, telefonieren und neue Leute treffen.
    </div>
    <hr>
    <p>all: inherit:</p>
    <div class="example2">
      Ein Extrovertierter ist eine freundliche Person, die gerne mit anderen Menschen spricht und mit ihnen zusammen ist. Extrovertierte lieben Partys, telefonieren und neue Leute treffen.
    </div>
    <hr>
    <p>all: initial:</p>
    <div class="example3">
      Ein Extrovertierter ist eine freundliche Person, die gerne mit anderen Menschen spricht und mit ihnen zusammen ist. Extrovertierte lieben Partys, telefonieren und neue Leute treffen.
    </div>
    <hr>
    <p>all: unset:</p>
    <div class="example4">
     Ein Extrovertierter ist eine freundliche Person, die gerne mit anderen Menschen spricht und mit ihnen zusammen ist. Extrovertierte lieben Partys, telefonieren und neue Leute treffen.
    </div>
    <hr>
  </body>
</html>

Versuch es selber!

Werte

Wert	Beschreibung
initial	Es setzt die Eigenschaft auf seinen Standardwert.
inherit	Es erbt die Eigenschaft von ihrem übergeordneten Element.
unset	Es ändert alle Eigenschaften, die auf das Element oder den übergeordneten Wert des Elements angewendet werden, auf ihren übergeordneten Wert, wenn sie vererbbar sind, oder auf ihren Anfangswert, wenn sie nicht vererbbar sind.
revert	Es gibt ein Verhalten an, das von der Herkunft des Stylesheets, zu dem die Deklaration gehört, abhängt.


37.0+	27.0+	9.1+	24.0+

37.0+

27.0+

9.1+

24.0+

CSS-Eigenschaft all

Syntax

Beispiel

Beispiel

Werte

Browser-Support

Übe dein Wissen