the image adopt property values set on the embedding element. To do this the embedding element needs to list the properties that are to be made available to the image by listing them as values of the -moz-context-properties property, and the image needs to opt in to using those properties by using values such as the context-fill value.

This feature is available since Firefox 55, but is only currently supported with SVG images loaded via chrome:// or resource:// URLs. To experiment with the feature in SVG on the Web it is necessary to set the svg.context-properties.content.enabled pref to true.`},{name:"-moz-float-edge",status:"obsolete",syntax:"border-box | content-box | margin-box | padding-box",values:[{name:"border-box"},{name:"content-box"},{name:"margin-box"},{name:"padding-box"}],relevance:0,browsers:["FF1","FFA4"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-moz-float-edge"}],baseline:{status:"false"},description:"The non-standard -moz-float-edge CSS property specifies whether the height and width properties of the element include the margin, border, or padding thickness."},{name:"-moz-force-broken-image-icon",status:"obsolete",syntax:"0 | 1",values:[{name:"0"},{name:"1"}],relevance:0,browsers:["FF1","FFA4"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-moz-force-broken-image-icon"}],baseline:{status:"false"},description:"The -moz-force-broken-image-icon extended CSS property can be used to force the broken image icon to be shown even when a broken image has an alt attribute."},{name:"-moz-orient",status:"nonstandard",syntax:"inline | block | horizontal | vertical",values:[{name:"inline",browsers:["FF40","FFA40"],baseline:{status:"false"}},{name:"block",browsers:["FF40","FFA40"],baseline:{status:"false"}},{name:"horizontal"},{name:"vertical"}],relevance:0,browsers:["FF6","FFA6"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-moz-orient"}],baseline:{status:"false"},description:"The -moz-orient CSS property specifies the orientation of the element to which it's applied."},{name:"-moz-outline-radius",status:"nonstandard",syntax:"<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?",relevance:0,description:"In Mozilla applications like Firefox, the -moz-outline-radius CSS property can be used to give an element's outline rounded corners."},{name:"-moz-outline-radius-bottomleft",status:"nonstandard",syntax:"<outline-radius>",relevance:0,description:"In Mozilla applications, the -moz-outline-radius-bottomleft CSS property can be used to round the bottom-left corner of an element's outline."},{name:"-moz-outline-radius-bottomright",status:"nonstandard",syntax:"<outline-radius>",relevance:0,description:"In Mozilla applications, the -moz-outline-radius-bottomright CSS property can be used to round the bottom-right corner of an element's outline."},{name:"-moz-outline-radius-topleft",status:"nonstandard",syntax:"<outline-radius>",relevance:0,description:"In Mozilla applications, the -moz-outline-radius-topleft CSS property can be used to round the top-left corner of an element's outline."},{name:"-moz-outline-radius-topright",status:"nonstandard",syntax:"<outline-radius>",relevance:0,description:"In Mozilla applications, the -moz-outline-radius-topright CSS property can be used to round the top-right corner of an element's outline."},{name:"-moz-stack-sizing",status:"nonstandard",syntax:"ignore | stretch-to-fit",values:[{name:"ignore"},{name:"stretch-to-fit"}],relevance:0,description:"-moz-stack-sizing is an extended CSS property. Normally, a stack will change its size so that all of its child elements are completely visible. For example, moving a child of the stack far to the right will widen the stack so the child remains visible."},{name:"-moz-text-blink",status:"nonstandard",syntax:"none | blink",values:[{name:"none"},{name:"blink"}],relevance:0,description:"The -moz-text-blink non-standard Mozilla CSS extension specifies the blink mode."},{name:"-moz-user-input",status:"obsolete",syntax:"auto | none | enabled | disabled",values:[{name:"auto",baseline:{status:"false"}},{name:"none",baseline:{status:"false"}},{name:"enabled"},{name:"disabled"}],relevance:0,references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-moz-user-input"}],baseline:{status:"false"},description:"In Mozilla applications, -moz-user-input determines if an element will accept user input."},{name:"-moz-user-modify",status:"nonstandard",syntax:"read-only | read-write | write-only",values:[{name:"read-only"},{name:"read-write"},{name:"write-only"}],relevance:0,description:"The -moz-user-modify property has no effect. It was originally planned to determine whether or not the content of an element can be edited by a user."},{name:"-moz-window-dragging",status:"nonstandard",syntax:"drag | no-drag",values:[{name:"drag"},{name:"no-drag"}],relevance:0,description:"The -moz-window-dragging CSS property specifies whether a window is draggable or not. It only works in Chrome code, and only on Mac OS X."},{name:"-moz-window-shadow",status:"nonstandard",syntax:"default | menu | tooltip | sheet | none",values:[{name:"default"},{name:"menu"},{name:"tooltip"},{name:"sheet"},{name:"none"}],relevance:0,description:"The -moz-window-shadow CSS property specifies whether a window will have a shadow. It only works on Mac OS X."},{name:"-webkit-border-before",status:"nonstandard",syntax:"<'border-width'> || <'border-style'> || <color>",relevance:0,browsers:["E79","S5.1","SM5","C8","CA18","O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-border-before"}],baseline:{status:"false"},description:"The -webkit-border-before CSS property is a shorthand property for setting the individual logical block start border property values in a single place in the style sheet."},{name:"-webkit-border-before-color",status:"nonstandard",syntax:"<color>",relevance:0,description:"The -webkit-border-before-color CSS property sets the color of the individual logical block start border in a single place in the style sheet."},{name:"-webkit-border-before-style",status:"nonstandard",syntax:"<'border-style'>",relevance:0,description:"The -webkit-border-before-style CSS property sets the style of the individual logical block start border in a single place in the style sheet."},{name:"-webkit-border-before-width",status:"nonstandard",syntax:"<'border-width'>",relevance:0,description:"The -webkit-border-before-width CSS property sets the width of the individual logical block start border in a single place in the style sheet."},{name:"-webkit-line-clamp",syntax:"none | <integer>",relevance:50,description:"The -webkit-line-clamp CSS property allows limiting of the contents of a block container to the specified number of lines."},{name:"-webkit-mask",status:"nonstandard",syntax:"[ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || [ <visual-box> | border | padding | content | text ] || [ <visual-box> | border | padding | content ] ]#",relevance:0,description:"The mask CSS property alters the visibility of an element by either partially or fully hiding it. This is accomplished by either masking or clipping the image at specific points."},{name:"-webkit-mask-attachment",status:"nonstandard",syntax:"<attachment>#",relevance:0,description:"If a -webkit-mask-image is specified, -webkit-mask-attachment determines whether the mask image's position is fixed within the viewport, or scrolls along with its containing block."},{name:"-webkit-mask-composite",status:"nonstandard",syntax:"<composite-style>#",relevance:0,browsers:["E18","S3.1","SM2","C1","CA18","O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-mask-composite"}],baseline:{status:"false"},description:"The -webkit-mask-composite property specifies the manner in which multiple mask images applied to the same element are composited with one another. Mask images are composited in the opposite order that they are declared with the -webkit-mask-image property."},{name:"-webkit-mask-position",status:"nonstandard",syntax:"<position>#",relevance:0,description:"The mask-position CSS property sets the initial position, relative to the mask position layer defined by mask-origin, for each defined mask image."},{name:"-webkit-mask-position-x",status:"nonstandard",syntax:"[ <length-percentage> | left | center | right ]#",relevance:0,browsers:["E18","FF49","FFA49","S3.1","SM2","C1","CA18","O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-mask-position-x"}],baseline:{status:"high",baseline_low_date:"2018-10-02",baseline_high_date:"2021-04-02"},description:"The -webkit-mask-position-x CSS property sets the initial horizontal position of a mask image."},{name:"-webkit-mask-position-y",status:"nonstandard",syntax:"[ <length-percentage> | top | center | bottom ]#",relevance:0,browsers:["E18","FF49","FFA49","S3.1","SM2","C1","CA18","O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-mask-position-y"}],baseline:{status:"high",baseline_low_date:"2018-10-02",baseline_high_date:"2021-04-02"},description:"The -webkit-mask-position-y CSS property sets the initial vertical position of a mask image."},{name:"-webkit-mask-repeat-x",status:"nonstandard",syntax:"repeat | no-repeat | space | round",values:[{name:"repeat"},{name:"no-repeat"},{name:"space"},{name:"round"}],relevance:0,browsers:["O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-mask-repeat-x"}],baseline:{status:"false"},description:"The -webkit-mask-repeat-x property specifies whether and how a mask image is repeated (tiled) horizontally."},{name:"-webkit-mask-repeat-y",status:"nonstandard",syntax:"repeat | no-repeat | space | round",values:[{name:"repeat"},{name:"no-repeat"},{name:"space"},{name:"round"}],relevance:0,browsers:["O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/-webkit-mask-repeat-y"}],baseline:{status:"false"},description:"The -webkit-mask-repeat-y property specifies whether and how a mask image is repeated (tiled) vertically."},{name:"accent-color",syntax:"auto | <color>",relevance:51,browsers:["E93","FF92","FFA92","C93","O79"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/accent-color"}],baseline:{status:"false"},description:"Sets the color of the elements accent"},{name:"align-tracks",status:"nonstandard",syntax:"[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#",relevance:0,description:"The align-tracks CSS property sets the alignment in the masonry axis for grid containers that have masonry in their block axis."},{name:"alignment-baseline",syntax:"baseline | alphabetic | ideographic | middle | central | mathematical | text-before-edge | text-after-edge",values:[{name:"baseline",browsers:["E79","S5.1","SM5","C1","CA18","O15"],baseline:{status:"false"}},{name:"alphabetic",browsers:["E79","S5.1","SM5","C1","CA18","O15"],baseline:{status:"false"}},{name:"ideographic",browsers:["E79","S5.1","SM5","C1","CA18","O15"],baseline:{status:"false"}},{name:"middle",browsers:["E79","S5.1","SM5","C1","CA18","O15"],baseline:{status:"false"}},{name:"central",browsers:["E79","S5.1","SM5","C1","CA18","O15"],baseline:{status:"false"}},{name:"mathematical",browsers:["E79","S5.1","SM5","C1","CA18","O15"],baseline:{status:"false"}},{name:"text-before-edge",browsers:["E79","S5.1","SM5","C1","CA18","O15"],baseline:{status:"false"}},{name:"text-after-edge",browsers:["E79","S5.1","SM5","C1","CA18","O15"],baseline:{status:"false"}}],relevance:50,browsers:["E79","S5.1","SM5","C1","CA18","O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/alignment-baseline"}],baseline:{status:"false"},description:"The alignment-baseline CSS property specifies the specific baseline used to align the box's text and inline-level contents. Baseline alignment is the relationship among the baselines of multiple alignment subjects within an alignment context. When performing baseline alignment, the alignment-baseline property value specifies which baseline of the box is aligned to the corresponding baseline of its alignment context."},{name:"anchor-name",syntax:"none | <dashed-ident>#",relevance:50,browsers:["E125","FF147","FFA147","S26","SM26","C125","CA125","O111"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/anchor-name"}],baseline:{status:"low",baseline_low_date:"2026-01-13"},description:"The anchor-name property declares that an element is an anchor element, and gives it a list of anchor names to be targeted by."},{name:"anchor-scope",syntax:"none | all | <dashed-ident>#",relevance:50,browsers:["E131","FF147","FFA147","S26","SM26","C131","CA131","O116"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/anchor-scope"}],baseline:{status:"low",baseline_low_date:"2026-01-13"},description:"This property scopes the specified anchor names, and lookups for these anchor names, to this element\u2019s subtree"},{name:"animation-composition",syntax:"<single-animation-composition>#",relevance:50,browsers:["E112","FF115","FFA115","S16","SM16","C112","CA112","O98"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-composition"}],baseline:{status:"high",baseline_low_date:"2023-07-04",baseline_high_date:"2026-01-04"},description:"The composite operation to use when multiple animations affect the same property."},{name:"animation-range",syntax:"[ <'animation-range-start'> <'animation-range-end'>? ]#",relevance:51,browsers:["E115","S26","SM26","C115","CA115","O101"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-range"}],baseline:{status:"false"},description:"The animation-range CSS shorthand property is used to set the start and end of an animation's attachment range along its timeline, i.e. where along the timeline an animation will start and end."},{name:"animation-range-end",syntax:"[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",relevance:50,browsers:["E115","S26","SM26","C115","CA115","O101"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-range-end"}],baseline:{status:"false"},description:"The animation-range-end CSS property is used to set the end of an animation's attachment range along its timeline, i.e. where along the timeline an animation will end."},{name:"animation-range-start",syntax:"[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",relevance:50,browsers:["E115","S26","SM26","C115","CA115","O101"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-range-start"}],baseline:{status:"false"},description:"The animation-range-start CSS property is used to set the start of an animation's attachment range along its timeline, i.e. where along the timeline an animation will start."},{name:"animation-timeline",syntax:"<single-animation-timeline>#",relevance:51,browsers:["E115","S26","SM26","C115","CA115","O101"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-timeline"}],baseline:{status:"false"},description:"Specifies the names of one or more @scroll-timeline at-rules to describe the element's scroll animations."},{name:"animation-trigger",syntax:"[ none | [ <dashed-ident> <animation-action>+ ]+ ]#",relevance:50,baseline:{status:"false"},description:""},{name:"appearance",syntax:"none | auto | <compat-auto> | <compat-special>",relevance:73,browsers:["E84","FF80","FFA80","S15.4","SM15.4","C84","CA84","O70"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/appearance"}],baseline:{status:"high",baseline_low_date:"2022-03-14",baseline_high_date:"2024-09-14"},description:"Changes the appearance of buttons and other controls to resemble native controls."},{name:"aspect-ratio",syntax:"auto || <ratio>",relevance:67,browsers:["E88","FF89","FFA89","S15","SM15","C88","CA88","O74"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/aspect-ratio"}],baseline:{status:"high",baseline_low_date:"2021-09-20",baseline_high_date:"2024-03-20"},description:"The aspect-ratio   CSS property sets a preferred aspect ratio for the box, which will be used in the calculation of auto sizes and some other layout functions."},{name:"backdrop-filter",syntax:"none | <filter-value-list>",relevance:66,browsers:["E79","FF103","FFA103","S18","SM18","C76","CA76","O63"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/backdrop-filter"}],baseline:{status:"low",baseline_low_date:"2024-09-16"},description:"The backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, to see the effect you must make the element or its background at least partially transparent."},{name:"baseline-shift",syntax:"<length-percentage> | sub | super | baseline",relevance:50,browsers:["E79","S4","SM3.2","C1","CA18","O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/baseline-shift"}],baseline:{status:"false"},description:"Allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript."},{name:"baseline-source",syntax:"auto | first | last",values:[{name:"auto",browsers:["E111","FF115","FFA115","C111","CA111","O97"],baseline:{status:"false"}},{name:"first",browsers:["E111","FF115","FFA115","C111","CA111","O97"],baseline:{status:"false"}},{name:"last",browsers:["E111","FF115","FFA115","C111","CA111","O97"],baseline:{status:"false"}}],relevance:50,browsers:["E111","FF115","FFA115","C111","CA111","O97"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/baseline-source"}],baseline:{status:"false"},description:""},{name:"border-block",syntax:"<'border-block-start'>",relevance:50,browsers:["E87","FF66","FFA66","S14.1","SM14.5","C87","CA87","O73"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block"}],baseline:{status:"high",baseline_low_date:"2021-04-26",baseline_high_date:"2023-10-26"},description:"The border-block CSS property is a shorthand property for setting the individual logical block border property values in a single place in the style sheet."},{name:"border-block-color",syntax:"<'border-top-color'>{1,2}",relevance:50,browsers:["E87","FF66","FFA66","S14.1","SM14.5","C87","CA87","O73"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-color"}],baseline:{status:"high",baseline_low_date:"2021-04-26",baseline_high_date:"2023-10-26"},description:"The border-block-color CSS property defines the color of the logical block borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the values defined for writing-mode, direction, and text-orientation."},{name:"border-block-style",syntax:"<'border-top-style'>{1,2}",relevance:50,browsers:["E87","FF66","FFA66","S14.1","SM14.5","C87","CA87","O73"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-style"}],baseline:{status:"high",baseline_low_date:"2021-04-26",baseline_high_date:"2023-10-26"},description:"The border-block-style CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style and border-bottom-style, or border-left-style and border-right-style properties depending on the values defined for writing-mode, direction, and text-orientation."},{name:"border-block-width",syntax:"<'border-top-width'>{1,2}",relevance:50,browsers:["E87","FF66","FFA66","S14.1","SM14.5","C87","CA87","O73"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-width"}],baseline:{status:"high",baseline_low_date:"2021-04-26",baseline_high_date:"2023-10-26"},description:"The border-block-width CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width and border-bottom-width, or border-left-width, and border-right-width property depending on the values defined for writing-mode, direction, and text-orientation."},{name:"border-end-end-radius",syntax:"<'border-top-left-radius'>",relevance:56,browsers:["E89","FF66","FFA66","S15","SM15","C89","CA89","O75"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-end-end-radius"}],baseline:{status:"high",baseline_low_date:"2021-09-20",baseline_high_date:"2024-03-20"},description:"The border-end-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on on the element's writing-mode, direction, and text-orientation."},{name:"border-end-start-radius",syntax:"<'border-top-left-radius'>",relevance:56,browsers:["E89","FF66","FFA66","S15","SM15","C89","CA89","O75"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-end-start-radius"}],baseline:{status:"high",baseline_low_date:"2021-09-20",baseline_high_date:"2024-03-20"},description:"The border-end-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction, and text-orientation."},{name:"border-inline",syntax:"<'border-block-start'>",relevance:50,browsers:["E87","FF66","FFA66","S14.1","SM14.5","C87","CA87","O73"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline"}],baseline:{status:"high",baseline_low_date:"2021-04-26",baseline_high_date:"2023-10-26"},description:"The border-inline CSS property is a shorthand property for setting the individual logical inline border property values in a single place in the style sheet."},{name:"border-inline-color",syntax:"<'border-top-color'>{1,2}",relevance:50,browsers:["E87","FF66","FFA66","S14.1","SM14.5","C87","CA87","O73"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-color"}],baseline:{status:"high",baseline_low_date:"2021-04-26",baseline_high_date:"2023-10-26"},description:"The border-inline-color CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the values defined for writing-mode, direction, and text-orientation."},{name:"border-inline-style",syntax:"<'border-top-style'>{1,2}",relevance:50,browsers:["E87","FF66","FFA66","S14.1","SM14.5","C87","CA87","O73"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-style"}],baseline:{status:"high",baseline_low_date:"2021-04-26",baseline_high_date:"2023-10-26"},description:"The border-inline-style CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style and border-bottom-style, or border-left-style and border-right-style properties depending on the values defined for writing-mode, direction, and text-orientation."},{name:"border-inline-width",syntax:"<'border-top-width'>{1,2}",relevance:50,browsers:["E87","FF66","FFA66","S14.1","SM14.5","C87","CA87","O73"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-width"}],baseline:{status:"high",baseline_low_date:"2021-04-26",baseline_high_date:"2023-10-26"},description:"The border-inline-width CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width and border-bottom-width, or border-left-width, and border-right-width property depending on the values defined for writing-mode, direction, and text-orientation."},{name:"border-start-end-radius",syntax:"<'border-top-left-radius'>",relevance:56,browsers:["E89","FF66","FFA66","S15","SM15","C89","CA89","O75"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-start-end-radius"}],baseline:{status:"high",baseline_low_date:"2021-09-20",baseline_high_date:"2024-03-20"},description:"The border-start-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction, and text-orientation."},{name:"border-start-start-radius",syntax:"<'border-top-left-radius'>",relevance:56,browsers:["E89","FF66","FFA66","S15","SM15","C89","CA89","O75"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-start-start-radius"}],baseline:{status:"high",baseline_low_date:"2021-09-20",baseline_high_date:"2024-03-20"},description:"The border-start-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode, direction, and text-orientation."},{name:"box-align",status:"obsolete",syntax:"start | center | end | baseline | stretch",values:[{name:"start"},{name:"center"},{name:"end"},{name:"baseline"},{name:"stretch"}],relevance:0,browsers:["O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/box-align"}],baseline:{status:"false"},description:"The box-align CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box."},{name:"box-direction",status:"obsolete",syntax:"normal | reverse | inherit",values:[{name:"normal"},{name:"reverse"},{name:"inherit"}],relevance:0,browsers:["O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/box-direction"}],baseline:{status:"false"},description:"The box-direction CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge)."},{name:"box-flex",status:"obsolete",syntax:"<number>",relevance:0,browsers:["O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/box-flex"}],baseline:{status:"false"},description:"The -moz-box-flex and -webkit-box-flex CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout."},{name:"box-flex-group",status:"obsolete",syntax:"<integer>",relevance:0,browsers:["O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/box-flex-group"}],baseline:{status:"false"},description:"The box-flex-group CSS property assigns the flexbox's child elements to a flex group."},{name:"box-lines",status:"obsolete",syntax:"single | multiple",values:[{name:"single"},{name:"multiple"}],relevance:0,browsers:["O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/box-lines"}],baseline:{status:"false"},description:"The box-lines CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes)."},{name:"box-ordinal-group",status:"obsolete",syntax:"<integer>",relevance:0,browsers:["O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/box-ordinal-group"}],baseline:{status:"false"},description:"The box-ordinal-group CSS property assigns the flexbox's child elements to an ordinal group."},{name:"box-orient",status:"obsolete",syntax:"horizontal | vertical | inline-axis | block-axis | inherit",values:[{name:"horizontal"},{name:"vertical"},{name:"inline-axis"},{name:"block-axis"},{name:"inherit"}],relevance:0,browsers:["O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/box-orient"}],baseline:{status:"false"},description:"The box-orient CSS property specifies whether an element lays out its contents horizontally or vertically."},{name:"box-pack",status:"obsolete",syntax:"start | center | end | justify",values:[{name:"start"},{name:"center"},{name:"end"},{name:"justify"}],relevance:0,browsers:["O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/box-pack"}],baseline:{status:"false"},description:"The -moz-box-pack and -webkit-box-pack CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box."},{name:"caret",syntax:"<'caret-color'> || <'caret-animation'> || <'caret-shape'>",relevance:50,description:"Shorthand for setting caret-color and caret-shape."},{name:"caret-animation",syntax:"auto | manual",values:[{name:"auto",browsers:["E140","C140","CA140","O124"],baseline:{status:"false"}},{name:"manual",browsers:["E140","C140","CA140","O124"],baseline:{status:"false"}}],relevance:50,browsers:["E140","C140","CA140","O124"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/caret-animation"}],baseline:{status:"false"},description:""},{name:"caret-shape",syntax:"auto | bar | block | underscore",values:[{name:"auto",browsers:["E144","C144","CA144"],baseline:{status:"false"}},{name:"bar",browsers:["E144","C144","CA144"],baseline:{status:"false"}},{name:"block",browsers:["E144","C144","CA144"],baseline:{status:"false"}},{name:"underscore",browsers:["E144","C144","CA144"],baseline:{status:"false"}}],relevance:50,browsers:["E144","C144","CA144"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/caret-shape"}],baseline:{status:"false"},description:"Specifies the desired shape of the text insertion caret."},{name:"color-scheme",syntax:"normal | [ light | dark | <custom-ident> ]+ && only?",relevance:58,browsers:["E81","FF96","FFA96","S13","SM13","C81","CA81","O68"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/color-scheme"}],baseline:{status:"high",baseline_low_date:"2022-01-11",baseline_high_date:"2024-07-11"},description:"The color-scheme CSS property allows an element to indicate which color schemes it can comfortably be rendered in."},{name:"column-height",syntax:"auto | <length [0,\u221E]>",relevance:50,browsers:["E145","C145","CA145"],baseline:{status:"false"},description:""},{name:"column-wrap",syntax:"auto | nowrap | wrap",values:[{name:"auto",browsers:["E145","C145","CA145"],baseline:{status:"false"}},{name:"nowrap",browsers:["E145","C145","CA145"],baseline:{status:"false"}},{name:"wrap",browsers:["E145","C145","CA145"],baseline:{status:"false"}}],relevance:50,browsers:["E145","C145","CA145"],baseline:{status:"false"},description:""},{name:"contain-intrinsic-block-size",syntax:"auto? [ none | <length> ]",relevance:50,browsers:["E95","FF107","FFA107","S17","SM17","C95","CA95","O81"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-block-size"}],baseline:{status:"low",baseline_low_date:"2023-09-18"},description:"Block size of an element when the element is subject to size containment."},{name:"contain-intrinsic-height",syntax:"auto? [ none | <length> ]",relevance:50,browsers:["E95","FF107","FFA107","S17","SM17","C95","CA95","O81"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-height"}],baseline:{status:"low",baseline_low_date:"2023-09-18"},description:"Height of an element when the element is subject to size containment."},{name:"contain-intrinsic-inline-size",syntax:"auto? [ none | <length> ]",relevance:50,browsers:["E95","FF107","FFA107","S17","SM17","C95","CA95","O81"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-inline-size"}],baseline:{status:"low",baseline_low_date:"2023-09-18"},description:"Inline size of an element when the element is subject to size containment."},{name:"contain-intrinsic-size",syntax:"[ auto? [ none | <length> ] ]{1,2}",relevance:54,browsers:["E83","FF107","FFA107","S17","SM17","C83","CA83","O69"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-size"}],baseline:{status:"low",baseline_low_date:"2023-09-18"},description:"Size of an element when the element is subject to size containment."},{name:"contain-intrinsic-width",syntax:"auto? [ none | <length> ]",relevance:50,browsers:["E95","FF107","FFA107","S17","SM17","C95","CA95","O81"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-width"}],baseline:{status:"low",baseline_low_date:"2023-09-18"},description:"Width of an element when the element is subject to size containment."},{name:"container",syntax:"<'container-name'> [ / <'container-type'> ]?",relevance:54,browsers:["E105","FF110","FFA110","S16","SM16","C105","CA105","O91"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container"}],baseline:{status:"high",baseline_low_date:"2023-02-14",baseline_high_date:"2025-08-14"},description:"The container shorthand CSS property establishes the element as a query container and specifies the name or name for the containment context used in a container query."},{name:"container-name",syntax:"none | <custom-ident>+",relevance:51,browsers:["E105","FF110","FFA110","S16","SM16","C105","CA105","O91"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container-name"}],baseline:{status:"high",baseline_low_date:"2023-02-14",baseline_high_date:"2025-08-14"},description:"The container-name CSS property specifies a list of query container names used by the @container at-rule in a container query."},{name:"container-type",syntax:"normal | [ [ size | inline-size ] || scroll-state ]",relevance:56,browsers:["E105","FF110","FFA110","S16","SM16","C105","CA105","O91"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container-type"}],baseline:{status:"high",baseline_low_date:"2023-02-14",baseline_high_date:"2025-08-14"},description:"The container-type CSS property is used to define the type of containment used in a container query."},{name:"content-visibility",syntax:"visible | auto | hidden",values:[{name:"visible",browsers:["E85","FF125","FFA125","S18","SM18","C85","CA85","O71"],baseline:{status:"low",baseline_low_date:"2024-09-16"}},{name:"auto",browsers:["E85","FF125","FFA125","S26","SM26","C85","CA85","O71"],baseline:{status:"low",baseline_low_date:"2025-09-15"}},{name:"hidden",browsers:["E85","FF125","FFA125","S18","SM18","C85","CA85","O71"],baseline:{status:"low",baseline_low_date:"2024-09-16"}}],relevance:54,browsers:["E85","FF125","FFA125","S18","SM18","C85","CA85","O71"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/content-visibility"}],baseline:{status:"low",baseline_low_date:"2024-09-16"},description:"Controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed."},{name:"corner-block-end-shape",syntax:"<corner-shape-value>{1,2}",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-block-end-shape"}],baseline:{status:"false"},description:""},{name:"corner-block-start-shape",syntax:"<corner-shape-value>{1,2}",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-block-start-shape"}],baseline:{status:"false"},description:""},{name:"corner-bottom-shape",syntax:"<corner-shape-value>{1,2}",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-bottom-shape"}],baseline:{status:"false"},description:""},{name:"corner-bottom-left-shape",syntax:"<corner-shape-value>",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-bottom-left-shape"}],baseline:{status:"false"},description:""},{name:"corner-bottom-right-shape",syntax:"<corner-shape-value>",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-bottom-right-shape"}],baseline:{status:"false"},description:""},{name:"corner-end-end-shape",syntax:"<corner-shape-value>",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-end-end-shape"}],baseline:{status:"false"},description:""},{name:"corner-end-start-shape",syntax:"<corner-shape-value>",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-end-start-shape"}],baseline:{status:"false"},description:""},{name:"corner-inline-end-shape",syntax:"<corner-shape-value>{1,2}",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-inline-end-shape"}],baseline:{status:"false"},description:""},{name:"corner-inline-start-shape",syntax:"<corner-shape-value>{1,2}",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-inline-start-shape"}],baseline:{status:"false"},description:""},{name:"corner-left-shape",syntax:"<corner-shape-value>{1,2}",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-left-shape"}],baseline:{status:"false"},description:""},{name:"corner-right-shape",syntax:"<corner-shape-value>{1,2}",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-right-shape"}],baseline:{status:"false"},description:""},{name:"corner-shape",syntax:"<corner-shape-value>{1,4}",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-shape"}],baseline:{status:"false"},description:""},{name:"corner-start-start-shape",syntax:"<corner-shape-value>",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-start-start-shape"}],baseline:{status:"false"},description:""},{name:"corner-start-end-shape",syntax:"<corner-shape-value>",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-start-end-shape"}],baseline:{status:"false"},description:""},{name:"corner-top-shape",syntax:"<corner-shape-value>{1,2}",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-top-shape"}],baseline:{status:"false"},description:""},{name:"corner-top-left-shape",syntax:"<corner-shape-value>",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-top-left-shape"}],baseline:{status:"false"},description:""},{name:"corner-top-right-shape",syntax:"<corner-shape-value>",relevance:50,browsers:["E139","C139","CA139","O123"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/corner-top-right-shape"}],baseline:{status:"false"},description:""},{name:"counter-set",syntax:"[ <counter-name> <integer>? ]+ | none",relevance:50,browsers:["E85","FF68","FFA68","S17.2","SM17.2","C85","CA85","O71"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/counter-set"}],baseline:{status:"low",baseline_low_date:"2023-12-11"},description:"The counter-set CSS property sets a CSS counter to a given value. It manipulates the value of existing counters, and will only create new counters if there isn't already a counter of the given name on the element."},{name:"cx",syntax:"<length> | <percentage>",relevance:52,browsers:["E79","FF69","FFA79","S9","SM9","C43","CA43","O30"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/cx"}],baseline:{status:"high",baseline_low_date:"2020-07-28",baseline_high_date:"2023-01-28"},description:"The cx CSS property defines the x-axis center point of an SVG circle or ellipse element. If present, it overrides the element's cx attribute."},{name:"cy",syntax:"<length> | <percentage>",relevance:52,browsers:["E79","FF69","FFA79","S9","SM9","C43","CA43","O30"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/cy"}],baseline:{status:"high",baseline_low_date:"2020-07-28",baseline_high_date:"2023-01-28"},description:"The cy CSS property defines the y-axis center point of an SVG circle or ellipse elements. If present, it overrides the element's cy attribute."},{name:"d",syntax:"none | path(<string>)",relevance:50,browsers:["E79","FF97","FFA97","C52","CA52","O39"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/d"}],baseline:{status:"false"},description:"The d CSS property defines a path to be drawn by the SVG path element. If present, it overrides the element's d attribute."},{name:"dominant-baseline",syntax:"auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",values:[{name:"auto",browsers:["E79","FF1","FFA4","S4","SM3.2","C1","CA18","O15"],baseline:{status:"high",baseline_low_date:"2020-01-15",baseline_high_date:"2022-07-15"}},{name:"text-bottom"},{name:"alphabetic",browsers:["E79","FF1","FFA4","S4","SM3.2","C1","CA18","O15"],baseline:{status:"high",baseline_low_date:"2020-01-15",baseline_high_date:"2022-07-15"}},{name:"ideographic",browsers:["E79","FF1","FFA4","S4","SM3.2","C1","CA18","O15"],baseline:{status:"high",baseline_low_date:"2020-01-15",baseline_high_date:"2022-07-15"}},{name:"middle",browsers:["E79","FF1","FFA4","S4","SM3.2","C1","CA18","O15"],baseline:{status:"high",baseline_low_date:"2020-01-15",baseline_high_date:"2022-07-15"}},{name:"central",browsers:["E79","FF1","FFA4","S4","SM3.2","C1","CA18","O15"],baseline:{status:"high",baseline_low_date:"2020-01-15",baseline_high_date:"2022-07-15"}},{name:"mathematical",browsers:["E79","FF1","FFA4","S4","SM3.2","C1","CA18","O15"],baseline:{status:"high",baseline_low_date:"2020-01-15",baseline_high_date:"2022-07-15"}},{name:"hanging",browsers:["E79","FF1","FFA4","S4","SM3.2","C1","CA18","O15"],baseline:{status:"high",baseline_low_date:"2020-01-15",baseline_high_date:"2022-07-15"}},{name:"text-top"}],relevance:50,browsers:["E79","FF1","FFA4","S4","SM3.2","C1","CA18","O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/dominant-baseline"}],baseline:{status:"high",baseline_low_date:"2020-01-15",baseline_high_date:"2022-07-15"},description:"The dominant-baseline CSS property specifies the specific baseline used to align the box's text and inline-level contents. It also indicates the default alignment baseline of any boxes participating in baseline alignment in the box's alignment context. If present, it overrides the shape's dominant-baseline attribute."},{name:"dynamic-range-limit",syntax:"standard | no-limit | constrained | <dynamic-range-limit-mix()>",relevance:50,browsers:["E136","S26","SM26","C136","CA136","O121"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/dynamic-range-limit"}],baseline:{status:"false"},description:""},{name:"field-sizing",syntax:"content | fixed",values:[{name:"content",browsers:["E123","S26.2","SM26.2","C123","CA123","O109"],baseline:{status:"false"}},{name:"fixed",browsers:["E123","S26.2","SM26.2","C123","CA123","O109"],baseline:{status:"false"}}],relevance:50,browsers:["E123","S26.2","SM26.2","C123","CA123","O109"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/field-sizing"}],baseline:{status:"false"},description:"The field-sizing CSS property enables you to control the sizing behavior of elements that are given a default preferred size, such as form control elements. This property enables you to override the default sizing behavior, allowing form controls to adjust in size to fit their contents."},{name:"font-optical-sizing",syntax:"auto | none",values:[{name:"auto",browsers:["E17","FF62","FFA62","S13.1","SM13.4","C79","CA79","O66"],baseline:{status:"high",baseline_low_date:"2020-03-24",baseline_high_date:"2022-09-24"}},{name:"none",browsers:["E17","FF62","FFA62","S13.1","SM13.4","C79","CA79","O66"],baseline:{status:"high",baseline_low_date:"2020-03-24",baseline_high_date:"2022-09-24"}}],relevance:51,browsers:["E17","FF62","FFA62","S13.1","SM13.4","C79","CA79","O66"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-optical-sizing"}],baseline:{status:"high",baseline_low_date:"2020-03-24",baseline_high_date:"2022-09-24"},description:"The font-optical-sizing CSS property allows developers to control whether browsers render text with slightly differing visual representations to optimize viewing at different sizes, or not. This only works for fonts that have an optical size variation axis."},{name:"font-palette",syntax:"normal | light | dark | <palette-identifier> | <palette-mix()>",relevance:50,browsers:["E101","FF107","FFA107","S15.4","SM15.4","C101","CA101","O87"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-palette"}],baseline:{status:"high",baseline_low_date:"2022-11-15",baseline_high_date:"2025-05-15"},description:"The font-palette CSS property allows specifying one of the many palettes contained in a font that a user agent should use for the font. Users can also override the values in a palette or create a new palette by using the @font-palette-values at-rule."},{name:"font-smooth",status:"nonstandard",syntax:"auto | never | always | <absolute-size> | <length>",relevance:0,browsers:["O15"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-smooth"}],baseline:{status:"false"},description:"The font-smooth CSS property controls the application of anti-aliasing when fonts are rendered."},{name:"font-synthesis-position",status:"experimental",syntax:"auto | none",values:[{name:"auto",browsers:["FF118","FFA118"],baseline:{status:"false"}},{name:"none",browsers:["FF118","FFA118"],baseline:{status:"false"}}],relevance:50,browsers:["FF118","FFA118"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-position"}],baseline:{status:"false"},description:'The font-synthesis-position CSS property lets you specify whether or not a browser may synthesize the subscript and superscript "position" typefaces when they are missing in a font family, while using font-variant-position to set the positions.'},{name:"font-synthesis-small-caps",syntax:"auto | none",values:[{name:"auto",browsers:["E97","FF111","FFA111","S16.4","SM16.4","C97","CA97","O83"],baseline:{status:"high",baseline_low_date:"2023-03-27",baseline_high_date:"2025-09-27"}},{name:"none",browsers:["E97","FF111","FFA111","S16.4","SM16.4","C97","CA97","O83"],baseline:{status:"high",baseline_low_date:"2023-03-27",baseline_high_date:"2025-09-27"}}],relevance:50,browsers:["E97","FF111","FFA111","S16.4","SM16.4","C97","CA97","O83"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-small-caps"}],baseline:{status:"high",baseline_low_date:"2023-03-27",baseline_high_date:"2025-09-27"},description:"The font-synthesis-small-caps CSS property lets you specify whether or not the browser may synthesize small-caps typeface when it is missing in a font family. Small-caps glyphs typically use the form of uppercase letters but are reduced to the size of lowercase letters."},{name:"font-synthesis-style",syntax:"auto | none",values:[{name:"auto",browsers:["E97","FF111","FFA111","S16.4","SM16.4","C97","CA97","O83"],baseline:{status:"high",baseline_low_date:"2023-03-27",baseline_high_date:"2025-09-27"}},{name:"none",browsers:["E97","FF111","FFA111","S16.4","SM16.4","C97","CA97","O83"],baseline:{status:"high",baseline_low_date:"2023-03-27",baseline_high_date:"2025-09-27"}}],relevance:50,browsers:["E97","FF111","FFA111","S16.4","SM16.4","C97","CA97","O83"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-style"}],baseline:{status:"high",baseline_low_date:"2023-03-27",baseline_high_date:"2025-09-27"},description:"The font-synthesis-style CSS property lets you specify whether or not the browser may synthesize the oblique typeface when it is missing in a font family."},{name:"font-synthesis-weight",syntax:"auto | none",values:[{name:"auto",browsers:["E97","FF111","FFA111","S16.4","SM16.4","C97","CA97","O83"],baseline:{status:"high",baseline_low_date:"2023-03-27",baseline_high_date:"2025-09-27"}},{name:"none",browsers:["E97","FF111","FFA111","S16.4","SM16.4","C97","CA97","O83"],baseline:{status:"high",baseline_low_date:"2023-03-27",baseline_high_date:"2025-09-27"}}],relevance:50,browsers:["E97","FF111","FFA111","S16.4","SM16.4","C97","CA97","O83"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-weight"}],baseline:{status:"high",baseline_low_date:"2023-03-27",baseline_high_date:"2025-09-27"},description:"The font-synthesis-weight CSS property lets you specify whether or not the browser may synthesize the bold typeface when it is missing in a font family."},{name:"font-variant-emoji",syntax:"normal | text | emoji | unicode",values:[{name:"normal",browsers:["E131","FF141","FFA141","C131","CA131","O116"],baseline:{status:"false"}},{name:"text",browsers:["E131","FF141","FFA141","C131","CA131","O116"],baseline:{status:"false"}},{name:"emoji",browsers:["E131","FF141","FFA141","C131","CA131","O116"],baseline:{status:"false"}},{name:"unicode",browsers:["E131","FF141","FFA141","C131","CA131","O116"],baseline:{status:"false"}}],relevance:50,browsers:["E131","FF141","FFA141","C131","CA131","O116"],references:[{name:"MDN Reference",url:"https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-emoji"}],baseline:{status:"false"},description:"The fo