{ "@charset": { "syntax": "@charset \"\";", "groups": [ "CSS Charsets" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@charset" }, "@counter-style": { "syntax": "@counter-style {\n [ system: ; ] ||\n [ symbols: ; ] ||\n [ additive-symbols: ; ] ||\n [ negative: ; ] ||\n [ prefix: ; ] ||\n [ suffix: ; ] ||\n [ range: ; ] ||\n [ pad: ; ] ||\n [ speak-as: ; ] ||\n [ fallback: ; ]\n}", "interfaces": [ "CSSCounterStyleRule" ], "groups": [ "CSS Counter Styles" ], "descriptors": { "additive-symbols": { "syntax": "[ && ]#", "media": "all", "initial": "n/a (required)", "percentages": "no", "computed": "asSpecified", "order": "orderOfAppearance", "status": "standard" }, "fallback": { "syntax": "", "media": "all", "initial": "decimal", "percentages": "no", "computed": "asSpecified", "order": "uniqueOrder", "status": "standard" }, "negative": { "syntax": " ?", "media": "all", "initial": "\"-\" hyphen-minus", "percentages": "no", "computed": "asSpecified", "order": "orderOfAppearance", "status": "standard" }, "pad": { "syntax": " && ", "media": "all", "initial": "0 \"\"", "percentages": "no", "computed": "asSpecified", "order": "uniqueOrder", "status": "standard" }, "prefix": { "syntax": "", "media": "all", "initial": "\"\"", "percentages": "no", "computed": "asSpecified", "order": "uniqueOrder", "status": "standard" }, "range": { "syntax": "[ [ | infinite ]{2} ]# | auto", "media": "all", "initial": "auto", "percentages": "no", "computed": "asSpecified", "order": "orderOfAppearance", "status": "standard" }, "speak-as": { "syntax": "auto | bullets | numbers | words | spell-out | ", "media": "all", "initial": "auto", "percentages": "no", "computed": "asSpecified", "order": "uniqueOrder", "status": "standard" }, "suffix": { "syntax": "", "media": "all", "initial": "\". \"", "percentages": "no", "computed": "asSpecified", "order": "uniqueOrder", "status": "standard" }, "symbols": { "syntax": "+", "media": "all", "initial": "n/a (required)", "percentages": "no", "computed": "asSpecified", "order": "orderOfAppearance", "status": "standard" }, "system": { "syntax": "cyclic | numeric | alphabetic | symbolic | additive | [ fixed ? ] | [ extends ]", "media": "all", "initial": "symbolic", "percentages": "no", "computed": "asSpecified", "order": "uniqueOrder", "status": "standard" } }, "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@counter-style" }, "@document": { "syntax": "@document [ | url-prefix() | domain() | media-document() | regexp() ]# {\n \n}", "interfaces": [ "CSSGroupingRule", "CSSConditionRule" ], "groups": [ "CSS Conditional Rules" ], "status": "nonstandard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@document" }, "@font-face": { "syntax": "@font-face {\n [ font-family: ; ] ||\n [ src: ; ] ||\n [ unicode-range: ; ] ||\n [ font-variant: ; ] ||\n [ font-feature-settings: ; ] ||\n [ font-variation-settings: ; ] ||\n [ font-stretch: ; ] ||\n [ font-weight: ; ] ||\n [ font-style: ; ] ||\n [ size-adjust: ; ] ||\n [ ascent-override: ; ] ||\n [ descent-override: ; ] ||\n [ line-gap-override: ; ]\n}", "interfaces": [ "CSSFontFaceRule" ], "groups": [ "CSS Fonts" ], "descriptors": { "ascent-override": { "syntax": "normal | ", "media": "all", "initial": "normal", "percentages": "asSpecified", "computed": "asSpecified", "order": "orderOfAppearance", "status": "experimental" }, "descent-override": { "syntax": "normal | ", "media": "all", "initial": "normal", "percentages": "asSpecified", "computed": "asSpecified", "order": "orderOfAppearance", "status": "experimental" }, "font-display": { "syntax": "[ auto | block | swap | fallback | optional ]", "media": "visual", "percentages": "no", "initial": "auto", "computed": "asSpecified", "order": "uniqueOrder", "status": "experimental" }, "font-family": { "syntax": "", "media": "all", "initial": "n/a (required)", "percentages": "no", "computed": "asSpecified", "order": "uniqueOrder", "status": "standard" }, "font-feature-settings": { "syntax": "normal | #", "media": "all", "initial": "normal", "percentages": "no", "computed": "asSpecified", "order": "orderOfAppearance", "status": "standard" }, "font-variation-settings": { "syntax": "normal | [ ]#", "media": "all", "initial": "normal", "percentages": "no", "computed": "asSpecified", "order": "orderOfAppearance", "status": "standard" }, "font-stretch": { "syntax": "{1,2}", "media": "all", "initial": "normal", "percentages": "no", "computed": "asSpecified", "order": "uniqueOrder", "status": "standard" }, "font-style": { "syntax": "normal | italic | oblique {0,2}", "media": "all", "initial": "normal", "percentages": "no", "computed": "asSpecified", "order": "uniqueOrder", "status": "standard" }, "font-weight": { "syntax": "{1,2}", "media": "all", "initial": "normal", "percentages": "no", "computed": "asSpecified", "order": "uniqueOrder", "status": "standard" }, "font-variant": { "syntax": "normal | none | [ || || || || stylistic() || historical-forms || styleset(#) || character-variant(#) || swash() || ornaments() || annotation() || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || || || || ordinal || slashed-zero || || || ruby ]", "media": "all", "initial": "normal", "percentages": "no", "computed": "asSpecified", "order": "orderOfAppearance", "status": "standard" }, "line-gap-override": { "syntax": "normal | ", "media": "all", "initial": "normal", "percentages": "asSpecified", "computed": "asSpecified", "order": "orderOfAppearance", "status": "experimental" }, "size-adjust": { "syntax": "", "media": "all", "initial": "100%", "percentages": "asSpecified", "computed": "asSpecified", "order": "orderOfAppearance", "status": "experimental" }, "src": { "syntax": "[ [ format( # ) ]? | local( ) ]#", "media": "all", "initial": "n/a (required)", "percentages": "no", "computed": "asSpecified", "order": "orderOfAppearance", "status": "standard" }, "unicode-range": { "syntax": "#", "media": "all", "initial": "U+0-10FFFF", "percentages": "no", "computed": "asSpecified", "order": "orderOfAppearance", "status": "standard" } }, "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@font-face" }, "@font-feature-values": { "syntax": "@font-feature-values # {\n \n}", "interfaces": [ "CSSFontFeatureValuesRule" ], "groups": [ "CSS Fonts" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@font-feature-values" }, "@import": { "syntax": "@import [ | ]\n [ layer | layer() ]?\n [ supports( [ | ] ) ]?\n ? ;", "groups": [ "CSS Conditional Rules", "Media Queries" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@import" }, "@keyframes": { "syntax": "@keyframes {\n \n}", "interfaces": [ "CSSKeyframeRule", "CSSKeyframesRule" ], "groups": [ "CSS Animations" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@keyframes" }, "@layer": { "syntax": "@layer [ # | ? {\n \n} ]", "interfaces": [ "CSSLayerBlockRule", "CSSLayerStatementRule" ], "groups": [ "CSS Cascading and Inheritance" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@layer" }, "@media": { "syntax": "@media {\n \n}", "interfaces": [ "CSSGroupingRule", "CSSConditionRule", "CSSMediaRule", "CSSCustomMediaRule" ], "groups": [ "CSS Conditional Rules", "Media Queries" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@media" }, "@namespace": { "syntax": "@namespace ? [ | ];", "groups": [ "CSS Namespaces" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@namespace" }, "@page": { "syntax": "@page {\n \n}", "interfaces": [ "CSSPageRule" ], "groups": [ "CSS Pages" ], "descriptors": { "bleed": { "syntax": "auto | ", "media": [ "visual", "paged" ], "initial": "auto", "percentages": "no", "computed": "asSpecified", "order": "uniqueOrder", "status": "standard" }, "marks": { "syntax": "none | [ crop || cross ]", "media": [ "visual", "paged" ], "initial": "none", "percentages": "no", "computed": "asSpecified", "order": "orderOfAppearance", "status": "standard" }, "size": { "syntax": "{1,2} | auto | [ || [ portrait | landscape ] ]", "media": [ "visual", "paged" ], "initial": "auto", "percentages": "no", "computed": "asSpecifiedRelativeToAbsoluteLengths", "order": "orderOfAppearance", "status": "standard" } }, "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@page" }, "@property": { "syntax": "@property {\n \n}", "interfaces": [ "CSS", "CSSPropertyRule" ], "groups": [ "CSS Houdini" ], "descriptors": { "syntax": { "syntax": "", "media": "all", "percentages": "no", "initial": "n/a (required)", "computed": "asSpecified", "order": "uniqueOrder", "status": "experimental" }, "inherits": { "syntax": "true | false", "media": "all", "percentages": "no", "initial": "auto", "computed": "asSpecified", "order": "uniqueOrder", "status": "experimental" }, "initial-value": { "syntax": "", "media": "all", "initial": "n/a (required)", "percentages": "no", "computed": "asSpecified", "order": "uniqueOrder", "status": "experimental" } }, "status": "experimental", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@property" }, "@scroll-timeline": { "syntax": "@scroll-timeline { }", "interfaces": [ "ScrollTimeline" ], "groups": [ "CSS Animations" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@scroll-timeline" }, "@supports": { "syntax": "@supports {\n \n}", "interfaces": [ "CSSGroupingRule", "CSSConditionRule", "CSSSupportsRule" ], "groups": [ "CSS Conditional Rules" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@supports" }, "@viewport": { "syntax": "@viewport {\n \n}", "interfaces": [ "CSSViewportRule" ], "groups": [ "CSS Device Adaptation" ], "descriptors": { "height": { "syntax": "{1,2}", "media": [ "visual", "continuous" ], "initial": [ "min-height", "max-height" ], "percentages": [ "min-height", "max-height" ], "computed": [ "min-height", "max-height" ], "order": "orderOfAppearance", "status": "standard" }, "max-height": { "syntax": "", "media": [ "visual", "continuous" ], "initial": "auto", "percentages": "referToHeightOfInitialViewport", "computed": "lengthAbsolutePercentageAsSpecifiedOtherwiseAuto", "order": "uniqueOrder", "status": "standard" }, "max-width": { "syntax": "", "media": [ "visual", "continuous" ], "initial": "auto", "percentages": "referToWidthOfInitialViewport", "computed": "lengthAbsolutePercentageAsSpecifiedOtherwiseAuto", "order": "uniqueOrder", "status": "standard" }, "max-zoom": { "syntax": "auto | | ", "media": [ "visual", "continuous" ], "initial": "auto", "percentages": "the zoom factor itself", "computed": "autoNonNegativeOrPercentage", "order": "uniqueOrder", "status": "standard" }, "min-height": { "syntax": "", "media": [ "visual", "continuous" ], "initial": "auto", "percentages": "referToHeightOfInitialViewport", "computed": "lengthAbsolutePercentageAsSpecifiedOtherwiseAuto", "order": "uniqueOrder", "status": "standard" }, "min-width": { "syntax": "", "media": [ "visual", "continuous" ], "initial": "auto", "percentages": "referToWidthOfInitialViewport", "computed": "lengthAbsolutePercentageAsSpecifiedOtherwiseAuto", "order": "uniqueOrder", "status": "standard" }, "min-zoom": { "syntax": "auto | | ", "media": [ "visual", "continuous" ], "initial": "auto", "percentages": "the zoom factor itself", "computed": "autoNonNegativeOrPercentage", "order": "uniqueOrder", "status": "standard" }, "orientation": { "syntax": "auto | portrait | landscape", "media": [ "visual", "continuous" ], "initial": "auto", "percentages": "referToSizeOfBoundingBox", "computed": "asSpecified", "order": "uniqueOrder", "status": "standard" }, "user-zoom": { "syntax": "zoom | fixed", "media": [ "visual", "continuous" ], "initial": "zoom", "percentages": "referToSizeOfBoundingBox", "computed": "asSpecified", "order": "uniqueOrder", "status": "standard" }, "viewport-fit": { "syntax": "auto | contain | cover", "media": [ "visual", "continuous" ], "initial": "auto", "percentages": "no", "computed": "asSpecified", "order": "uniqueOrder", "status": "standard" }, "width": { "syntax": "{1,2}", "media": [ "visual", "continuous" ], "initial": [ "min-width", "max-width" ], "percentages": [ "min-width", "max-width" ], "computed": [ "min-width", "max-width" ], "order": "orderOfAppearance", "status": "standard" }, "zoom": { "syntax": "auto | | ", "media": [ "visual", "continuous" ], "initial": "auto", "percentages": "the zoom factor itself", "computed": "autoNonNegativeOrPercentage", "order": "uniqueOrder", "status": "standard" } }, "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@viewport" } }