Wie verwende ich das All-Attribut von CSS?-CSS-Tutorial-php.cn

Wie verwende ich das All-Attribut von CSS?

青灯夜游

Freigeben： 2019-05-25 15:26:29

Original

3403 Leute haben es durchsucht

Das Attribut

all wird verwendet, um alle Attribute außer unicode-bidi und Direction auf ihre Anfangswerte oder vom übergeordneten Element geerbten Werte zurückzusetzen.

Wie verwende ich das All-Attribut von CSS?

CSS all property

all property ist eigentlich die Abkürzung für alle CSS-Eigenschaften, was bedeutet, Alle CSS-Eigenschaften sind gleich; die beiden CSS-Eigenschaften Unicode-Bidi und Direction sind jedoch nicht enthalten.

Funktion: Das Attribut all setzt alle Attribute außer unicode-bidi und Direction zurück.

Syntax:

all: initial|inherit|unset;

Nach dem Login kopieren

initial: Ändert alle Eigenschaften, die auf das Element oder das übergeordnete Element des Elements angewendet werden, auf ihre Anfangswerte.

erben: Ändert alle Eigenschaften, die auf das Element oder das übergeordnete Element des Elements angewendet werden, auf ihren übergeordneten Wert.

unset: Ändert alle auf das Element oder das übergeordnete Element des Elements angewendeten Eigenschaften auf ihren übergeordneten Wert (wenn sie vererbbar sind) oder auf ihre Anfangswerte geändert (wenn nicht vererbbar).

Hinweis: Internet Explorer- und Safari-Browser unterstützen das All-Attribut nicht.

Verwendungsbeispiel für alle CSS-Attribute

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style> 
html {
  font-size: small;
  color: blue;
}
p{
font-size: 20px;
color: #000;
}
#ex1 {
  background-color: yellow;
  color: red;
}
#ex2 {
  background-color: yellow;
  color: red;
  all: inherit;
}
#ex3 {
  background-color: yellow;
  color: red;
  all: initial;
}
#ex4 {
  background-color: yellow;
  color: red;
  all: unset;
}
</style>
</head>
<body>
<p>没有设置all 属性:</p>
<div id="ex1">PHP中文网！！！</div>
<p>all: inherit:</p>
<div id="ex2">PHP中文网！！！</div>
<p>all: initial:</p>
<div id="ex3">PHP中文网！！！</div>
<p>all: unset:</p>
<div id="ex4">PHP中文网！！！</div>
</body>
</html>

Nach dem Login kopieren

Rendering:

Wie verwende ich das All-Attribut von CSS?

Referenz für diesen Artikel: https://www.html.cn/book/css/properties/all.htm

Das obige ist der detaillierte Inhalt vonWie verwende ich das All-Attribut von CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!