Hàm var () trong CSS được sử dụng để thêm các giá trị thuộc tính tùy chỉnh vào trang web của bạn. Đặt tên tùy chỉnh của thuộc tính và đặt giá trị cho thuộc tính đó.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để triển khai hàm var ()
<!DOCTYPE html>
<html>
<head>
<style>
:root {
--my-bg-color: blue;
--my-color: white;
}
#demo {
background-color: var(--my-bg-color);
color: var(--my-color);
}
</style>
</head>
<body>
<h1>Heading One</h1>
<div id = "demo">
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
</div>
<br>
</body>
</html>