CSS all屬性用法及代碼示例

CSS中的all屬性是一種簡寫屬性，用於將所有元素的值設置為其初始值或繼承的值，或者在某些情況下，用於將這些值設置為另一個電子表格的來源。此屬性用於重置文檔中的所有CSS屬性。

用法:

all:initial|inherit|unset|revert;

屬性值：
initial:此屬性用於將所有屬性設置為其默認值。

用法:
```
all:initial;
```

例：

<!DOCTYPE html>  
<html>  
    <head>  
        <title> 
            CSS all aroperty 
        </title>  
          
        <!-- CSS all property -->
        <style>  
            h1, h3 {  
                background-color:yellow; 
                color:green; 
                all:initial;  
            }  
            body {  
                text-align:center;  
                all:initial; 
            }  
        </style>  
    </head> 
      
    <body>  
        <h1>GeeksforGeeks</h1>  
        <h3>all property</h3>  
    </body>  
</html>

輸出：
```
GeeksforGeeks all property
```

繼承：此屬性用於設置其父元素的all屬性。

用法:
```
all:inherit;
```

例：

<!DOCTYPE html>  
<html>  
    <head>  
        <title>All Property</title>  
        <style>  
            div { 
                text-align:center; 
                color:green; 
                all:initial 
            } 
            h1, h3 {  
                all:inherit;  
            }  
        </style>  
    </head>  
    <body>  
        <div> 
            <h1>GeeksforGeeks</h1>  
            <h3>all property</h3>  
        </div> 
    </body>  
</html>

輸出：
```
GeeksforGeeks all property
```

unset：此屬性用於指定所有元素屬性(如果默認繼承)應更改為它們的繼承值，否則為初始值。

用法:
```
all:unset;
```

例：

<!DOCTYPE html>  
<html>  
    <head>  
        <title> 
            CSS all property 
        </title>  
          
        <style>  
            h1, h3 {  
                background-color:green; 
                color:white; 
                all:unset;  
            }  
            body {  
                text-align:center;  
                all:unset; 
            }  
        </style>  
    </head>  
      
    <body>  
        <h1>GeeksforGeeks</h1>  
        <h3>all property</h3>  
    </body>  
</html>

輸出：
```
GeeksforGeeks all property
```

revert：用於指定取決於聲明所屬樣式表來源的行為。

用法:
```
all:revert;
```

例：

<!DOCTYPE html>  
<html>  
    <head>  
        <title> 
            CSS all property 
        </title>  
          
        <style>  
            h1, h3 {  
                background-color:yellow; 
                color:green; 
                all:revert;  
  
            }  
            body {  
                text-align:center;  
                all:revert;  
            }  
        </style>  
    </head>  
      
    <body>  
        <h1>GeeksforGeeks</h1>  
        <h3>all Property</h3>  
    </body>  
</html>

輸出：

支持的瀏覽器：下麵列出了所有屬性支持的瀏覽器：

鍍 chrome 37.0
Firefox 27.0
Opera 24.0
Safari 9.1

相關用法

注：本文由純淨天空篩選整理自DannanaManoj大神的英文原創作品 CSS | all Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。