Khái quát
Property Param CSS là cách tạo ra một biến với các thông số cài đặt bổ xung đầy đủ khi tạo ra một biến với CSS, cách tạo biến này sẽ rằng buộc giá trị biến khi được yêu cầu thay đổi. Ngoài ra chúng ta hoàn toàn có thể thay đổi giá trị của biến này liên tục mà không cần dùng đến Javascript.
Code Demo
@property --rotate {
syntax: "<angle>";
initial-value: 0deg;
inherits: false;
}
syntax
Thuộc tính syntax quy định cú pháp và giá trị hợp lệ cho biến. Các giá trị cụ thể như sau:
- "<number>" giá trị về số.
- "<percentage>" giá trị về phần trăm.
- "<color>" giá trị về màu sắc.
- "<image>" giá trị về hình ảnh.
- "<url>" giá trị về đường liên kết.
- "<integer>" giá tri về integer.
- "<angle>" giá trị về thông số góc.
- "<time>" giá trị về thời gian.
- "<resolution>" giá trị về độ phân giải."
- <transform-list>" giá trị về các thuộc tính trong transform.
initial-value
Thuộc tính initial-value dùng để khởi tạo giá trị mặc định hay giá trị ban đầu cho một biến.
inherits
Thuộc tính inherits quy định việc biến này được phép kế thừa hay không, tham số là true và false.