在CSS中，有4個關鍵字理論上可以套用於任何的CSS屬性，它們是initial(初始)、inherit(繼承)、unset(未設定)、revert (還原)。而all的取值只能是以上這4個關鍵字。本文將介紹initial、inherit、unset、revert和all。
表示元素屬性的初始預設值(此預設值由官方CSS規格定義)
相容性: IE不支援
[注意]關於各屬性的初始預設值移步至此
//display在官方CSS规范中定义的默认值是inline
<style>
.test{display: initial;}
</style>
<div class="box">
<div class="test">测试一</div><span>文字</span>
<br>
<div >测试二</div><span>文字</span>
</div><style>
.box{
border: 1px solid black;
padding: 10px;
width: 100px;
}
.test{
border: inherit;
height: 30px;
}
</style>
<div class="box">
<div class="test">测试一</div>
</div>
<div class="box">
<div class="in">
<div class="test">测试二</div>
</div>
</div>color cursor direction font letter-spacing line-height list-style text-align text-indent text-shadow text-transform white-space word-break word-spacing word-wrap writing-mode
//内容为测试一的元素和内容为测试二的元素的样式是一样的
<style>
.box{
border: 1px solid black;
padding: 10px;
width: 100px;
color: red;
}
.test1{
border: unset;
color: unset;
}
</style>
<div class="box">
<div class="test">测试一</div>
<div>测试二</div>
</div><style>
.test{
border: 1px solid black;
padding: 20px;
color: red;
}
.in{
/* all: initial;
all: inherit;
all: unset;
all: revert; */
}
</style>
<div class="test">
<div class="in">测试文字</div>
</div>border:none;padding:0;color:black;
border:1px solid black;padding:20px;color:red;
border:none;padding:0;color:red;
本文轉自： https://www.cnblogs.com/xiaohuochai/p/5464456.html#推薦學習：
以上是了解css中的關鍵字initial、inherit、unset、revert和all屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！
