CSS Value | Unset Last Updated : 24 Aug, 2022 Comments Improve Suggest changes Like Article Like Report To unset the value of an element, unset keyword is used. The unset CSS keyword resets a property of an element to its inherited value if the property naturally inherits from its parent, or to its initial value if it does not inherit. In other words, it behaves like the inherit keyword in the first case, if the property is being inherited and like the initial keyword in the second case, if the property is not being inherited. Syntax: property_name: unset; Example 1: unsetting the font color of an element to the initial default. html <!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title>CSS | value unset</title> </head> <style> span { color: blue; } .gfg { color: unset; } </style> <body> <h1 style="text-align: center; color: green;"> GeeksforGeeks </h1> <div style="text-align: center;"> <span class="gfg">Font color unset</span> </div> </body> </html> Output: Example 2: Unsetting the font color to equivalent parent element's value. html <!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title>CSS | value unset</title> </head> <style> span { color: blue; } .gfg { color: unset; } </style> <body> <h1 style="text-align: center; color: green;"> GeeksforGeeks </h1> <div style="text-align: center; color: green;"> <span class="gfg"> Font color unset inherited from parent div </span> </div> </body> </html> Output: Supported Browsers: Chrome 41Safari 9.1Edge 13Firefox 27Opera 28 Comment More infoAdvertise with us Next Article CSS Value | Unset taran910 Follow Improve Article Tags : Web Technologies CSS CSS-Basics Similar Reads CSS Value Inherit The value inherit keyword is used to inherit a property to an element from its parent element property value. The inherit keyword can be used for inheriting any CSS property, and on any HTML element. Inheritance is always from the parent element in the document tree, even when the parent element is 1 min read CSS Value | Initial The initial value keyword is used to set an element's CSS property to its default value. The initial keyword can be used for any CSS property, and on any HTML element. Syntax: property_name: initial; Example 1: setting font size html <!DOCTYPE html> <html> <meta charset="utf-8 1 min read CSS | Value Integer CSS data type integer represents <integer > .It is a whole number which can be positive(+) or negative(-) .Integer contains one or more than one digits between 0-9.No decimal value is allowed . No units are required to represent an integer value. A lot of CSS properties take integer value like 2 min read CSS Frequency Value The frequency is a data type of CSS value. It represents the frequency dimension of sound like speaking frequency. This value is currently not used by any CSS properties. Back before it was used to measure the sound wave frequency. It holds a number with a unit(Hz or kHz). Syntax: frequency: number 2 min read Tailwind CSS User Select This class accepts lots of value in tailwind CSS in which all the properties are covered as a class form. This class is used to specify whether the text can be selected by the user or not. In CSS, we do that by using the CSS user-select property. User Select classes select-none: This class is used t 1 min read CSS [attribute|=value] Selector The [attribute|=value] selector is used to select those elements whose attribute value is equal to "value" or whose attribute value started with "value" immediately followed by a hyphen (-).Note: Use <!DOCTYPE> to run [attribute|=value] selector in IE8 or earlier versions.Syntax:[attributeType 2 min read CSS [attribute=value] Selector The [attribute=value] selector in CSS is used to select those elements whose attribute value is equal to "value".Syntax: element [attribute = "value"] { // CSS Property}Note: <!DOCTYPE> must be declared for IE8 and earlier versions.Example 1: In this example, The selector h1[id="geeks"] target 2 min read CSS Value | Angle The angle on CSS represents a certain angle value that can be expressed in degrees, gradians, radians, or turns. Angle value can be used for rotations, transformations or gradients, etc. Syntax: The angle consists of a number followed by one of the allowed units. property: number unit; Allowed units 2 min read CSS [attribute~=value] Selector The [attribute~="value"] selector is used to select those elements whose attribute value contains a specified word. The "value" must be present in the attribute as a separate word and not as part of the other word i.e. if [title~=Geeks] is specified then all elements with Geeks title get selected.Sy 2 min read CSS [attribute$=value] Selector The [attribute$=â€valueâ€] selector is used to select those elements whose attribute value ends with a specified value "value". The value need not to be present as separate word. It may be a part of another word or expression but it needs to be present at the end. Syntax:[attribute$="value"] { // CSS 2 min read Like