unset
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2016.
Từ khóa unset trong CSS đặt lại một thuộc tính về giá trị kế thừa của nó nếu thuộc tính đó tự nhiên kế thừa từ phần tử cha, và về giá trị khởi tạo nếu không. Nói cách khác, nó hoạt động giống như từ khóa inherit trong trường hợp đầu tiên, khi thuộc tính là thuộc tính kế thừa, và giống như từ khóa initial trong trường hợp thứ hai, khi thuộc tính là thuộc tính không kế thừa.
unset có thể được áp dụng cho bất kỳ thuộc tính CSS nào, bao gồm cả thuộc tính viết tắt CSS all.
Ví dụ
Color
color là một thuộc tính kế thừa.
HTML
html
<p>This text is red.</p>
<div class="foo">
<p>This text is also red.</p>
</div>
<div class="bar">
<p>This text is green (default inherited value).</p>
</div>
CSS
css
.foo {
color: blue;
}
.bar {
color: green;
}
p {
color: red;
}
.bar p {
color: unset;
}
Kết quả
Border
border là một thuộc tính không kế thừa.
HTML
html
<p>This text has a red border.</p>
<div>
<p>This text has a red border.</p>
</div>
<div class="bar">
<p>This text has a black border (initial default, not inherited).</p>
</div>
CSS
css
div {
border: 1px solid green;
}
p {
border: 1px solid red;
}
.bar p {
border-color: unset;
}
Kết quả
Thông số kỹ thuật
| Specification |
|---|
| CSS Cascading and Inheritance Level 4 # inherit-initial |
Khả năng tương thích trình duyệt
Xem thêm
- Dùng từ khóa
initialđể đặt một thuộc tính về giá trị khởi tạo của nó. - Dùng từ khóa
inheritđể làm cho thuộc tính của một phần tử giống với phần tử cha của nó. - Dùng từ khóa
revertđể đặt lại một thuộc tính về giá trị được thiết lập bởi stylesheet của user-agent (hoặc bởi style người dùng, nếu có). - Dùng từ khóa
revert-layerđể đặt lại một thuộc tính về giá trị được thiết lập trong tầng cascade trước đó. - Thuộc tính
allcho phép bạn đặt lại tất cả các thuộc tính về trạng thái khởi tạo, kế thừa, revert hoặc unset cùng một lúc.