inherits
Baseline
2024
Newly available
Since July 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Mô tả inherits của CSS trong at-rule @property at-rule kiểm soát liệu thuộc tính tùy chỉnh CSS đã đăng ký có kế thừa theo mặc định hay không.
Đây là mô tả bắt buộc; nếu thiếu hoặc không hợp lệ, toàn bộ quy tắc @property sẽ không hợp lệ và bị bỏ qua.
Cú pháp
css
/* Thuộc tính tùy chỉnh không kế thừa giá trị */
inherits: false;
/* Thuộc tính tùy chỉnh kế thừa giá trị */
inherits: true;
Giá trị
Định nghĩa chính thức
| Related at-rule | @property |
|---|---|
| Initial value | auto |
| Computed value | as specified |
Cú pháp chính thức
inherits =
true |
false
Ví dụ
Đặt hành vi kế thừa của thuộc tính tùy chỉnh
Ví dụ này cho thấy cách định nghĩa thuộc tính tùy chỉnh --my-color không kế thừa giá trị của nó từ các phần tử cha:
css
@property --my-color {
syntax: "<color>";
inherits: false;
initial-value: #c0ffee;
}
Sử dụng JavaScript CSS.registerProperty():
js
window.CSS.registerProperty({
name: "--my-color",
syntax: "<color>",
inherits: false,
initialValue: "#c0ffee",
});
Thông số kỹ thuật
| Specification |
|---|
| CSS Properties and Values API Level 1 # inherits-descriptor |