CSS-Eigenschaft all

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>

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>

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.

Browser-Support

chrome firefox safari opera
37.0+ 27.0+ 9.1+ 24.0+

Übe dein Wissen

Welche der folgenden Aussagen zur CSS-Eigenschaft 'all' ist/sind richtig?
Finden Sie das nützlich?