Christopher John

Specifies the accent color for different user-interface controls Syntax accent-color: auto|color|initial|inherit;   /* accent-color: blue; accent-color: auto; */ Values auto The browser chooses the accent color. color Specifies the color to be used. Can use RGB, hex, or named-color. initial Sets property to default value. inherit Sets property to the value of its parent element.

The datalist tag defines a list of <option> elements that are connected to an <input> element. It provides an autocomplete feature for input elements. Syntax The <datalist> id attribute must match the <input> element’s list attribute. <label for="color">Select your favorite color:</label> <input list="colors" name="color" id="color"> <datalist id="colors"> <option value="blue"> <option value="green"> <option value="yellow"> <option value="orange"> […]

The <abbr> tag is wrapped around an acronym to identify it as such and, optionally, what it stands for. Syntax Uses the optional title tag to spell out what the abbreviation stands for. <abbr title="Cascading Style Sheets">CSS</abbr>

The clamp() CSS function let’s you define a range of values for the property of an element. It’s especially useful in responsive layouts when used in conjunction with relative units like vw and vh. Syntax clamp() uses 3 parameters: a minimum, preferred, and maximum value. /* propery: clamp(min, pref, max); */ width: clamp(100px, 6vw, 200px); […]