CSS Variables

GPTKB entity

Statements (29)
Predicate Object
gptkbp:instanceOf gptkb:website
gptkbp:accessedWith var(--variable-name)
gptkbp:alsoKnownAs gptkb:CSS_Custom_Properties
gptkbp:canBe all CSS properties
gptkbp:canBeChangedWith gptkb:JavaScript
gptkbp:compatibleWith gptkb:Internet_Explorer
gptkbp:doNotSupport math operations directly
media queries inside variable values
gptkbp:dynamic true
gptkbp:example :root { --main-color: #06c; }
color: var(--main-color);
gptkbp:hasSyntax --variable-name: value;
https://www.w3.org/2000/01/rdf-schema#label CSS Variables
gptkbp:inheritsFrom from parent elements
gptkbp:introducedIn gptkb:CSS3
gptkbp:purpose dynamic styling
easier theming
reuse of values
gptkbp:scope :root selector for global variables
any CSS selector for local variables
gptkbp:standardizedBy gptkb:W3C
gptkbp:supportedBy gptkb:Chrome_49
gptkb:Edge_15
gptkb:Firefox_31
gptkb:Safari_9
modern browsers
gptkbp:usedIn Cascading Style Sheets
gptkbp:bfsParent gptkb:CSS_Working_Group
gptkbp:bfsLayer 4