Hàm CSS var ()
❮ Tham chiếu các chức năng CSS
Thí dụ
Đầu tiên, hãy khai báo một biến toàn cục có tên là "--main-bg-color", sau đó sử dụng hàm var () để chèn giá trị của biến sau đó vào style sheet:
:root {
--main-bg-color: coral;
}
#div1 {
background-color: var(--main-bg-color);
}
#div2 {
background-color: var(--main-bg-color);
}
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Hàm var () được sử dụng để chèn giá trị của một biến CSS.
Phiên bản: | CSS3 |
---|
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ chức năng.
Function | |||||
---|---|---|---|---|---|
var() | 49.0 | 15.0 | 31.0 | 9.1 | 36.0 |
Cú pháp CSS
var(--name, value)
Value | Description |
---|---|
name | Required. The variable name (must start with two dashes) |
value | Optional. The fallback value (used if the variable is not found) |
Các ví dụ khác
Thí dụ
Một ví dụ khác sử dụng hàm var () để chèn một số giá trị biến CSS:
:root {
--main-bg-color: coral;
--main-txt-color: blue;
--main-padding: 15px;
}
#div1 {
background-color: var(--main-bg-color);
color: var(--main-txt-color);
padding: var(--main-padding);
}
#div2 {
background-color: var(--main-bg-color);
color: var(--main-txt-color);
padding: var(--main-padding);
}
Các trang liên quan
Hướng dẫn CSS: Biến CSS
❮ Tham chiếu các chức năng CSS