The CSS var() function is used to access the value of a custom property (CSS variable). It helps make styles reusable, consistent, and easier to maintain across a webpage.
- Retrieves the value of a CSS custom property (variable).
- Allows defining reusable values for colors, sizes, spacing, and more.
- Supports a fallback value if the specified variable is not defined.
Syntax:
var(custom_property, value)
Parameters:
- custom_property: The required CSS variable name, which must begin with two dashes (--).
- value: An optional fallback value used if the custom property is undefined or invalid.
Example: var() function in CSS
