CSS – calc() Function
The calc() function performs a mathematical calculation to be used as the property value.
The calc() function performs a mathematical calculation to be used as the property value.
The conic-gradient() function sets a conic gradient as the background image with at least two color transitions rotated around a center point.
The counter() function returns the current value of the named counter as a string.
The cubic-bezier() function describes a curve that is defined by four points P0 (starting point/state), P1, P2, and P3 (ending point/state).
The HSL color value is specified with the hsl() function, which has the following syntax: hsl(hue, saturation, lightness).
The max() function uses the largest value, from a comma-separated list of values, as the property value.
The HSLA color value is specified with the hsla() function, which has the following syntax: hsla(hue, saturation, lightness, alpha).
The min() function uses the smallest value, from a comma-separated list of values, as the property value.
The linear-gradient() function sets a linear gradient as the background image.
The radial-gradient() function sets a radial gradient as the background image.
The repeating-linear-gradient() function is used to repeat linear gradients.
The repeating-conic-gradient() function is used to repeat conic gradients.
An RGB color value is specified with the rgb() function, which has the following syntax: rgb(red, green, blue).
The repeating-radial-gradient() function is used to repeat radial gradients.
An RGBA color value is specified with the rgba() function, which has the following syntax: rgba(red, green, blue, alpha).
The var() function is used to create a CSS variable and insert the value into a property.
The currentcolor keyword refers to the value of the color property of an element, and can be used to set other properties within the element to the same color.
The @font-face rule allows for the use of fonts other than “web-safe” fonts. A font name is defined for the font and then the custom font is pointed to it.
The @import rule allows you to import a style sheet into another style sheet, and must be at the top of the document just after the @charset declaration.
The inherit keyword specifies that a property should inherit its value from its parent. The initial keyword is used to set a property to its default value.