CSS Functions

CSS has the following functions:

Function Description CSS Version
attr() Returns the attribute value of the selected element. 2
calc() Allows calculation of CSS property values, such as dynamically calculating length values. 3
cubic-bezier() Defines a Cubic Bezier curve. 3
conic-gradient() Defines a conic gradient. 3
counter() Set the counter. 3
hsl() Defines a color using hue, saturation, and lightness. 3
hsla() Defines a color using hue, saturation, lightness, and alpha. 3
linear-gradient() Creates an image with a linear gradient. 3
max() Selects the largest value from a comma-separated list of expressions as the property's value. 3
min() Selects the smallest value from a comma-separated list of expressions as the property's value. 3
radial-gradient() Creates an image with a radial gradient. 3
repeating-linear-gradient() Creates an image with a repeating linear gradient. 3
repeating-radial-gradient() Similar to radial-gradient(), creates an image using a repeating radial gradient. 3
repeating-conic-gradient() Repeating conic gradient. 3
rgb() Generates a variety of colors by combining the three color channels red (R), green (G), and blue (B). 2
rgba() Generates a variety of colors by combining the red (R), green (G), blue (B), and alpha (A) channels. 3
var() Used to insert custom attribute values. 3
repeat() Represents a repeated fragment of the track list. 3
minmax() Defines a closed interval for a size range. 3
other extensions