{"version_added":"39"},"opera_android":{"version_added":"41"},"safari":{"version_added":"11"},"safari_ios":{"version_added":"11"},"samsunginternet_android":{"version_added":"6.0"},"webview_android":{"version_added":"52"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"fixed":{"__compat":{"description":"<code>fixed</code>","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1","notes":"Before Firefox 44, <code>position: fixed</code> didn't create a stacking context in most cases. Firefox and the specification have been modified to mimic Chrome and Safari's long-time behavior."},"firefox_android":{"version_added":"4","notes":"Before Firefox 44, <code>position: fixed</code> didn't create a stacking context in most cases. Firefox and the specification have been modified to mimic Chrome and Safari's long-time behavior."},"ie":{"version_added":"7","notes":"In Internet Explorer, fixed positioning doesn't work if the document is in <a href='https://developer.mozilla.org/docs/Web/HTML/Quirks_Mode_and_Standards_Mode'>quirks mode</a>."},"opera":{"version_added":"4"},"opera_android":{"version_added":"14"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"position_sticky_table_elements":{"__compat":{"description":"Table elements as <code>sticky</code> positioning containers","support":{"chrome":{"version_added":"56"},"chrome_android":{"version_added":"56"},"edge":{"version_added":"16"},"firefox":{"version_added":"59"},"firefox_android":{"version_added":"59"},"ie":{"version_added":false},"opera":{"version_added":"43"},"opera_android":{"version_added":"43"},"safari":{"version_added":"8"},"safari_ios":{"version_added":"8"},"samsunginternet_android":{"version_added":"6.0"},"webview_android":{"version_added":"56"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"sticky":{"__compat":{"description":"<code>sticky</code>","support":{"chrome":{"version_added":"56"},"chrome_android":{"version_added":"56"},"edge":{"version_added":"16"},"firefox":{"version_added":"32"},"firefox_android":{"version_added":"32"},"ie":{"version_added":false},"opera":{"version_added":"43"},"opera_android":{"version_added":"43"},"safari":[{"version_added":"13"},{"prefix":"-webkit-","version_added":"6.1"}],"safari_ios":[{"version_added":"13"},{"prefix":"-webkit-","version_added":"6.1"}],"samsunginternet_android":{"version_added":"6.0"},"webview_android":{"version_added":"56"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"quotes":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/quotes","spec_url":"https://drafts.csswg.org/css-content/#quotes","support":{"chrome":{"version_added":"11"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1.5"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"8"},"opera":{"version_added":"4"},"opera_android":{"version_added":"14"},"safari":{"version_added":"9"},"safari_ios":{"version_added":"9"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"quotes_auto":{"__compat":{"description":"<code>auto</code> keyword","support":{"chrome":{"version_added":"87"},"chrome_android":{"version_added":"87"},"edge":{"version_added":"87"},"firefox":{"version_added":"70"},"firefox_android":{"version_added":false},"ie":{"version_added":false,"notes":"This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting"},"opera":{"version_added":"73"},"opera_android":{"version_added":false,"notes":"This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting"},"safari":{"version_added":false,"notes":"This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting"},"safari_ios":{"version_added":false,"notes":"This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting"},"samsunginternet_android":{"version_added":"14.0"},"webview_android":{"version_added":"87"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"resize":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/resize","spec_url":"https://drafts.csswg.org/css-ui/#resize","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"79"},"firefox":{"version_added":"4"},"firefox_android":{"version_added":"4"},"ie":{"version_added":false},"opera":{"version_added":"12.1"},"opera_android":{"version_added":"14"},"safari":{"version_added":"3"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"block_level_support":{"__compat":{"description":"Support on block level, replaced, table cell, or inline block elements","support":{"chrome":{"version_added":"4"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"79"},"firefox":{"version_added":"5","notes":"<code>resize</code> doesn't have any effect on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/iframe'><code>&lt;iframe&gt;</code></a>. See <a href='https://bugzil.la/680823'>bug 680823</a>)"},"firefox_android":{"version_added":"5","notes":"<code>resize</code> doesn't have any effect on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/iframe'><code>&lt;iframe&gt;</code></a>. See <a href='https://bugzil.la/680823'>bug 680823</a>)"},"ie":{"version_added":false},"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":"4"},"safari_ios":{"version_added":"3.2"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"flow_relative_support":{"__compat":{"description":"Support for flow-relative values <code>block</code> and <code>inline</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"63"},"firefox_android":{"version_added":"63"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"right":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/right","spec_url":"https://drafts.csswg.org/css-position/#insets","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"5.5"},"opera":{"version_added":"5"},"opera_android":{"version_added":"14"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"1"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"rotate":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/rotate","spec_url":"https://drafts.csswg.org/css-transforms-2/#individual-transforms","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":[{"version_added":"72"},{"version_added":"60","version_removed":"72","flags":[{"type":"preference","name":"layout.css.individual-transform.enabled","value_to_set":"true"}]}],"firefox_android":{"version_added":"60","flags":[{"type":"preference","name":"layout.css.individual-transform.enabled","value_to_set":"true"}]},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":"14.1"},"safari_ios":{"version_added":"14.5"},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"x_y_z_angle":{"__compat":{"description":"x, y, or z axis name plus angle value","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":[{"version_added":"72"},{"version_added":"65","version_removed":"72","flags":[{"type":"preference","name":"layout.css.individual-transform.enabled","value_to_set":"true"}]}],"firefox_android":{"version_added":"65","flags":[{"type":"preference","name":"layout.css.individual-transform.enabled","value_to_set":"true"}]},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"row-gap":{"flex_context":{"__compat":{"description":"Supported in Flex Layout","mdn_url":"https://developer.mozilla.org/docs/Web/CSS/row-gap","spec_url":"https://drafts.csswg.org/css-align/#column-row-gap","support":{"chrome":{"version_added":"84"},"chrome_android":{"version_added":"84"},"edge":{"version_added":"84"},"firefox":{"version_added":"63"},"firefox_android":{"version_added":"63"},"ie":{"version_added":false},"opera":{"version_added":"70"},"opera_android":{"version_added":"60"},"safari":{"version_added":"14.1"},"safari_ios":{"version_added":"14.5"},"samsunginternet_android":{"version_added":"14.0"},"webview_android":{"version_added":"84"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"grid_context":{"__compat":{"description":"Supported in Grid Layout","mdn_url":"https://developer.mozilla.org/docs/Web/CSS/row-gap","spec_url":"https://drafts.csswg.org/css-align/#column-row-gap","support":{"chrome":[{"version_added":"66"},{"version_added":"57","alternative_name":"grid-row-gap"}],"chrome_android":[{"version_added":"66"},{"version_added":"57","alternative_name":"grid-row-gap"}],"edge":[{"version_added":"16"},{"version_added":"16","alternative_name":"grid-row-gap"}],"firefox":[{"version_added":"61"},{"version_added":"52","alternative_name":"grid-row-gap"}],"firefox_android":[{"version_added":"61"},{"version_added":"52","alternative_name":"grid-row-gap"}],"ie":{"version_added":false},"opera":[{"version_added":"53"},{"version_added":"44","alternative_name":"grid-row-gap"}],"opera_android":[{"version_added":"47"},{"version_added":"43","alternative_name":"grid-row-gap"}],"safari":[{"version_added":"12"},{"version_added":"10.1","alternative_name":"grid-row-gap"}],"safari_ios":[{"version_added":"12"},{"version_added":"10.3","alternative_name":"grid-row-gap"}],"samsunginternet_android":[{"version_added":"9.0"},{"alternative_name":"grid-row-gap","version_added":"6.0"}],"webview_android":[{"version_added":"66"},{"version_added":"57","alternative_name":"grid-row-gap"}]},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"ruby-align":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/ruby-align","spec_url":"https://drafts.csswg.org/css-ruby/#ruby-align-property","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"38"},"firefox_android":{"version_added":"38"},"ie":{"version_added":false,"notes":"Internet Explorer 9 and later supports an earlier draft of CSS Ruby with non-standard values for this property: <code>auto</code>, <code>left</code>, <code>center</code>, <code>right</code>, <code>distribute-letter</code>, <code>distribute-space</code>, and <code>line-edge</code>."},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":true,"standard_track":true,"deprecated":false}}},"ruby-position":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/ruby-position","spec_url":"https://drafts.csswg.org/css-ruby/#rubypos","support":{"chrome":[{"version_added":"84"},{"version_added":"1","prefix":"-webkit-","notes":"Implemented as a non-standard, prefixed, version of <code>ruby-position</code>, <code>-webkit-ruby-position</code>: it has two properties: <code>before</code> and <code>after</code> (both equivalent, for ltr and rtl scripts to the standard <code>over</code> value used with <code>ruby-align: start</code>)."}],"chrome_android":[{"version_added":"84"},{"version_added":"18","prefix":"-webkit-","notes":"Implemented as a non-standard, prefixed, version of <code>ruby-position</code>, <code>-webkit-ruby-position</code>: it has two properties: <code>before</code> and <code>after</code> (both equivalent, for ltr and rtl scripts to the standard <code>over</code> value used with <code>ruby-align: start</code>)."}],"edge":[{"version_added":"84"},{"version_added":"79","prefix":"-webkit-","notes":"Implemented as a non-standard, prefixed, version of <code>ruby-position</code>, <code>-webkit-ruby-position</code>: it has two properties: <code>before</code> and <code>after</code> (both equivalent, for ltr and rtl scripts to the standard <code>over</code> value used with <code>ruby-align: start</code>)."},{"version_added":"12","version_removed":"79"}],"firefox":{"version_added":"38"},"firefox_android":{"version_added":"38"},"ie":{"version_added":false,"notes":"Internet Explorer 9 and later support an old draft values: <code>inline</code> (equivalent of having <code>display: inline</code> on the ruby), and <code>above</code> (synonym of the modern <code>over</code>)."},"opera":[{"version_added":"70"},{"version_added":"15","prefix":"-webkit-","notes":"Implemented as a non-standard, prefixed, version of <code>ruby-position</code>, <code>-webkit-ruby-position</code>: it has two properties: <code>before</code> and <code>after</code> (both equivalent, for ltr and rtl scripts to the standard <code>over</code> value used with <code>ruby-align: start</code>)."}],"opera_android":[{"version_added":"60"},{"version_added":"14","prefix":"-webkit-","notes":"Implemented as a non-standard, prefixed, version of <code>ruby-position</code>, <code>-webkit-ruby-position</code>: it has two properties: <code>before</code> and <code>after</code> (both equivalent, for ltr and rtl scripts to the standard <code>over</code> value used with <code>ruby-align: start</code>)."}],"safari":{"version_added":"6.1","prefix":"-webkit-","notes":"Implemented as a non-standard, prefixed, version of <code>ruby-position</code>, <code>-webkit-ruby-position</code>: it has two properties: <code>before</code> and <code>after</code> (both equivalent, for ltr and rtl scripts to the standard <code>over</code> value used with <code>ruby-align: start</code>)."},"safari_ios":{"version_added":"6.1","prefix":"-webkit-","notes":"Implemented as a non-standard, prefixed, version of <code>ruby-position</code>, <code>-webkit-ruby-position</code>: it has two properties: <code>before</code> and <code>after</code> (both equivalent, for ltr and rtl scripts to the standard <code>over</code> value used with <code>ruby-align: start</code>)."},"samsunginternet_android":{"version_added":"14.0"},"webview_android":[{"version_added":"84"},{"version_added":"1","prefix":"-webkit-","notes":"Implemented as a non-standard, prefixed, version of <code>ruby-position</code>, <code>-webkit-ruby-position</code>: it has two properties: <code>before</code> and <code>after</code> (both equivalent, for ltr and rtl scripts to the standard <code>over</code> value used with <code>ruby-align: start</code>)."}]},"status":{"experimental":true,"standard_track":true,"deprecated":false}},"alternate":{"__compat":{"description":"<code>alternate</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"88"},"firefox_android":{"version_added":"88"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":true,"standard_track":true,"deprecated":false}}},"inter-character":{"__compat":{"description":"<code>inter-character</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":false,"notes":"See <a href='https://bugzil.la/1055672'>bug 1055672</a>"},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":true,"standard_track":true,"deprecated":false}}}},"scale":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scale","spec_url":"https://drafts.csswg.org/css-transforms-2/#individual-transforms","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":[{"version_added":"72"},{"version_added":"60","version_removed":"72","flags":[{"type":"preference","name":"layout.css.individual-transform.enabled","value_to_set":"true"}]}],"firefox_android":{"version_added":"60","flags":[{"type":"preference","name":"layout.css.individual-transform.enabled","value_to_set":"true"}]},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":"14.1"},"safari_ios":{"version_added":"14.5"},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-behavior":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-behavior","spec_url":"https://drafts.csswg.org/css-overflow/#smooth-scrolling","support":{"chrome":{"version_added":"61"},"chrome_android":{"version_added":"61"},"edge":{"version_added":"79"},"firefox":{"version_added":"36"},"firefox_android":{"version_added":"36"},"ie":{"version_added":false},"opera":{"version_added":"48"},"opera_android":{"version_added":"45"},"safari":{"version_added":"14","flags":[{"type":"preference","name":"CSSOM View Smooth Scrolling"}]},"safari_ios":{"version_added":"14","flags":[{"type":"preference","name":"CSSOM View Smooth Scrolling"}]},"samsunginternet_android":{"version_added":"8.0"},"webview_android":{"version_added":"61"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-margin-block-end":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end","spec_url":"https://drafts.csswg.org/css-scroll-snap/#margin-longhands-logical","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"14.1"},"safari_ios":{"version_added":"14.5"},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-margin-block-start":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start","spec_url":"https://drafts.csswg.org/css-scroll-snap/#margin-longhands-logical","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"14.1"},"safari_ios":{"version_added":"14.5"},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-margin-block":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block","spec_url":"https://drafts.csswg.org/css-scroll-snap/#propdef-scroll-margin-block","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"14.1"},"safari_ios":{"version_added":"14.5"},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-margin-bottom":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-margin-bottom","spec_url":"https://drafts.csswg.org/css-scroll-snap/#margin-longhands-physical","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":[{"version_added":"14.1"},{"version_added":"11","alternative_name":"scroll-snap-margin-bottom","partial_implementation":true,"notes":"Before version 14.1, scroll margin is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/189265'>bug 189265</a>."}],"safari_ios":[{"version_added":"14.5"},{"version_added":"11","alternative_name":"scroll-snap-margin-bottom","partial_implementation":true,"notes":"Before version 14.5, scroll margin is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/189265'>bug 189265</a>."}],"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-margin-inline-end":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end","spec_url":"https://drafts.csswg.org/css-scroll-snap/#margin-longhands-logical","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"14.1"},"safari_ios":{"version_added":"14.5"},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-margin-inline-start":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start","spec_url":"https://drafts.csswg.org/css-scroll-snap/#margin-longhands-logical","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"14.1"},"safari_ios":{"version_added":"14.5"},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-margin-inline":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline","spec_url":"https://drafts.csswg.org/css-scroll-snap/#propdef-scroll-margin-inline","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":"14.1"},"safari_ios":{"version_added":"14.5"},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-margin-left":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-margin-left","spec_url":"https://drafts.csswg.org/css-scroll-snap/#margin-longhands-physical","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":[{"version_added":"14.1"},{"version_added":"11","alternative_name":"scroll-snap-margin-left","partial_implementation":true,"notes":"Before version 14.1, scroll margin is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/189265'>bug 189265</a>."}],"safari_ios":[{"version_added":"14.5"},{"version_added":"11","alternative_name":"scroll-snap-margin-left","partial_implementation":true,"notes":"Before version 14.5, scroll margin is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/189265'>bug 189265</a>."}],"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-margin-right":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-margin-right","spec_url":"https://drafts.csswg.org/css-scroll-snap/#margin-longhands-physical","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":[{"version_added":"14.1"},{"version_added":"11","alternative_name":"scroll-snap-margin-right","partial_implementation":true,"notes":"Before version 14.1, scroll margin is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/189265'>bug 189265</a>."}],"safari_ios":[{"version_added":"14.5"},{"version_added":"11","alternative_name":"scroll-snap-margin-right","partial_implementation":true,"notes":"Before version 14.5, scroll margin is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/189265'>bug 189265</a>."}],"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-margin-top":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-margin-top","spec_url":"https://drafts.csswg.org/css-scroll-snap/#margin-longhands-physical","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":[{"version_added":"14.1"},{"version_added":"11","alternative_name":"scroll-snap-margin-top","partial_implementation":true,"notes":"Before version 14.1, scroll margin is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/189265'>bug 189265</a>."}],"safari_ios":[{"version_added":"14.5"},{"version_added":"11","alternative_name":"scroll-snap-margin-top","partial_implementation":true,"notes":"Before version 14.5, scroll margin is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/189265'>bug 189265</a>."}],"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-margin":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-margin","spec_url":"https://drafts.csswg.org/css-scroll-snap/#scroll-margin","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":[{"version_added":"90"},{"version_added":"68","version_removed":"90","partial_implementation":true,"notes":"The <code>scroll-margin</code> property can cause an element's visibility to be incorrectly calculated for <code>element.focus()</code>. See <a href='https://bugzil.la/1708303'>bug 1708303</a>."}],"firefox_android":[{"version_added":"90"},{"version_added":"68","version_removed":"90","partial_implementation":true,"notes":"The <code>scroll-margin</code> property can cause an element's visibility to be incorrectly calculated for <code>element.focus()</code>. See <a href='https://bugzil.la/1708303'>bug 1708303</a>."}],"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":[{"version_added":"14.1"},{"version_added":"11","alternative_name":"scroll-snap-margin","partial_implementation":true,"notes":"Before version 14.1, scroll margin is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/189265'>bug 189265</a>."}],"safari_ios":[{"version_added":"14.5"},{"version_added":"11","alternative_name":"scroll-snap-margin","partial_implementation":true,"notes":"Before version 14.5, scroll margin is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/189265'>bug 189265</a>."}],"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-padding-block-end":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-end","spec_url":"https://drafts.csswg.org/css-scroll-snap/#padding-longhands-logical","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"15"},"safari_ios":{"version_added":"15"},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-padding-block-start":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-start","spec_url":"https://drafts.csswg.org/css-scroll-snap/#padding-longhands-logical","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"15"},"safari_ios":{"version_added":"15"},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-padding-block":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block","spec_url":"https://drafts.csswg.org/css-scroll-snap/#propdef-scroll-padding-block","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"15"},"safari_ios":{"version_added":"15"},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-padding-bottom":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-padding-bottom","spec_url":"https://drafts.csswg.org/css-scroll-snap/#padding-longhands-physical","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"11","partial_implementation":true,"notes":"Scroll padding is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/179379'>bug 179379</a>."},"safari_ios":{"version_added":"11","partial_implementation":true,"notes":"Scroll padding is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/179379'>bug 179379</a>."},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-padding-inline-end":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-end","spec_url":"https://drafts.csswg.org/css-scroll-snap/#padding-longhands-logical","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"15"},"safari_ios":{"version_added":"15"},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-padding-inline-start":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-start","spec_url":"https://drafts.csswg.org/css-scroll-snap/#padding-longhands-logical","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"15"},"safari_ios":{"version_added":"15"},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-padding-inline":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline","spec_url":"https://drafts.csswg.org/css-scroll-snap/#propdef-scroll-padding-inline","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"15"},"safari_ios":{"version_added":"15"},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-padding-left":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-padding-left","spec_url":"https://drafts.csswg.org/css-scroll-snap/#padding-longhands-physical","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"11","partial_implementation":true,"notes":"Scroll padding is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/179379'>bug 179379</a>."},"safari_ios":{"version_added":"11","partial_implementation":true,"notes":"Scroll padding is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/179379'>bug 179379</a>."},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-padding-right":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-padding-right","spec_url":"https://drafts.csswg.org/css-scroll-snap/#padding-longhands-physical","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"11","partial_implementation":true,"notes":"Scroll padding is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/179379'>bug 179379</a>."},"safari_ios":{"version_added":"11","partial_implementation":true,"notes":"Scroll padding is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/179379'>bug 179379</a>."},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-padding-top":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-padding-top","spec_url":"https://drafts.csswg.org/css-scroll-snap/#padding-longhands-physical","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"11","partial_implementation":true,"notes":"Scroll padding is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/179379'>bug 179379</a>."},"safari_ios":{"version_added":"11","partial_implementation":true,"notes":"Scroll padding is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/179379'>bug 179379</a>."},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-padding":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-padding","spec_url":"https://drafts.csswg.org/css-scroll-snap/#scroll-padding","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"11","partial_implementation":true,"notes":"Scroll padding is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/179379'>bug 179379</a>."},"safari_ios":{"version_added":"11","partial_implementation":true,"notes":"Scroll padding is not applied for scrolls to fragment target or <code>scrollIntoView()</code>, see <a href='https://webkit.org/b/179379'>bug 179379</a>."},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-snap-align":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align","spec_url":"https://drafts.csswg.org/css-scroll-snap/#scroll-snap-align","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":{"version_added":"79"},"firefox":{"version_added":"68"},"firefox_android":{"version_added":"68"},"ie":{"version_added":false},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":{"version_added":"11"},"safari_ios":{"version_added":"11"},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-snap-coordinate":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-snap-coordinate","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_removed":"68","version_added":"39"},"firefox_android":{"version_removed":"68","version_added":"39"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":false,"deprecated":true}}},"scroll-snap-destination":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-snap-destination","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_removed":"68","version_added":"39"},"firefox_android":{"version_removed":"68","version_added":"39"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":false,"deprecated":true}}},"scroll-snap-points-x":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-snap-points-x","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_removed":"68","version_added":"39"},"firefox_android":{"version_removed":"68","version_added":"39"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":"9","prefix":"-webkit-"},"safari_ios":{"version_added":"9","prefix":"-webkit-"},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":false,"deprecated":true}}},"scroll-snap-points-y":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-snap-points-y","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_removed":"68","version_added":"39"},"firefox_android":{"version_removed":"68","version_added":"39"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":"9","prefix":"-webkit-"},"safari_ios":{"version_added":"9","prefix":"-webkit-"},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":false,"deprecated":true}}},"scroll-snap-stop":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-snap-stop","spec_url":"https://drafts.csswg.org/css-scroll-snap/#scroll-snap-stop","support":{"chrome":{"version_added":"75"},"chrome_android":{"version_added":"75"},"edge":{"version_added":"79"},"firefox":{"version_added":false,"notes":"See <a href='https://bugzil.la/1312165'>bug 1312165</a>."},"firefox_android":{"version_added":false,"notes":"See <a href='https://bugzil.la/1312165'>bug 1312165</a>."},"ie":{"version_added":false},"opera":{"version_added":"62"},"opera_android":{"version_added":"54"},"safari":{"version_added":"15"},"safari_ios":{"version_added":"15"},"samsunginternet_android":{"version_added":"11.0"},"webview_android":{"version_added":"75"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scroll-snap-type-x":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type-x","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_removed":"68","version_added":"39"},"firefox_android":{"version_removed":"68","version_added":"39"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":"9"},"safari_ios":{"version_added":"9"},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":false,"deprecated":true}}},"scroll-snap-type-y":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type-y","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_removed":"68","version_added":"39"},"firefox_android":{"version_removed":"68","version_added":"39"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":false,"deprecated":true}}},"scroll-snap-type":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type","spec_url":"https://drafts.csswg.org/css-scroll-snap/#scroll-snap-type","support":{"chrome":{"version_added":"69"},"chrome_android":{"version_added":"69"},"edge":[{"version_added":"79"},{"version_added":"12","version_removed":"79","prefix":"-ms-","notes":"Edge supports an earlier draft of CSS Scroll Snap without axis values."}],"firefox":[{"version_added":"68"},{"version_added":"39","version_removed":"68","notes":"An earlier draft of CSS Scroll Snap without axis values."}],"firefox_android":[{"version_added":"68"},{"version_added":"39","version_removed":"68","notes":"An earlier draft of CSS Scroll Snap without axis values."}],"ie":{"version_added":"10","prefix":"-ms-","notes":"Internet Explorer supports an earlier draft of CSS Scroll Snap without axis values."},"opera":{"version_added":"56"},"opera_android":{"version_added":"48"},"safari":[{"version_added":"11"},{"version_added":"9","prefix":"-webkit-","notes":"Older Safari versions support an earlier draft of CSS Scroll Snap without axis values."}],"safari_ios":[{"version_added":"11"},{"version_added":"9","prefix":"-webkit-","notes":"Older Safari versions support an earlier draft of CSS Scroll Snap without axis values."}],"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"69"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scrollbar-3dlight-color":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scrollbar-3dlight-color","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":[{"version_added":"5"},{"version_added":"8","prefix":"-ms-"}],"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"deprecated":true,"experimental":false,"standard_track":false}}},"scrollbar-arrow-color":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scrollbar-arrow-color","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":[{"version_added":"5"},{"version_added":"8","prefix":"-ms-"}],"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"deprecated":true,"experimental":false,"standard_track":false}}},"scrollbar-base-color":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scrollbar-base-color","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":[{"version_added":"5"},{"version_added":"8","prefix":"-ms-"}],"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"deprecated":true,"experimental":false,"standard_track":false}}},"scrollbar-color":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scrollbar-color","spec_url":"https://drafts.csswg.org/css-scrollbars/#scrollbar-color","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"64","notes":"On macOS, you need to set the <em>General</em> > <em>Show scroll bars</em> setting in System Preferences to \"Always\" for this property to have any effect."},"firefox_android":{"version_added":"64"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"scrollbar-darkshadow-color":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scrollbar-darkshadow-color","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":[{"version_added":"5"},{"version_added":"8","prefix":"-ms-"}],"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"deprecated":true,"experimental":false,"standard_track":false}}},"scrollbar-face-color":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scrollbar-face-color","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":[{"version_added":"5"},{"version_added":"8","prefix":"-ms-"}],"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"deprecated":true,"experimental":false,"standard_track":false}}},"scrollbar-gutter":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scrollbar-gutter","spec_url":"https://drafts.csswg.org/css-overflow-4/#scrollbar-gutter-property","support":{"chrome":{"version_added":"88","flags":[{"type":"preference","name":"Enable experimental Web Platform features"}]},"chrome_android":{"version_added":"88","flags":[{"type":"preference","name":"Enable experimental Web Platform features"}]},"edge":{"version_added":false},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":true,"standard_track":true,"deprecated":false}}},"scrollbar-highlight-color":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scrollbar-highlight-color","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":[{"version_added":"5"},{"version_added":"8","prefix":"-ms-"}],"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"deprecated":true,"experimental":false,"standard_track":false}}},"scrollbar-shadow-color":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scrollbar-shadow-color","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":[{"version_added":"5"},{"version_added":"8","prefix":"-ms-"}],"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"deprecated":true,"experimental":false,"standard_track":false}}},"scrollbar-width":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/scrollbar-width","spec_url":"https://drafts.csswg.org/css-scrollbars/#scrollbar-width","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"64"},"firefox_android":{"version_added":"64"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"shape-image-threshold":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/shape-image-threshold","spec_url":"https://drafts.csswg.org/css-shapes/#shape-image-threshold-property","support":{"chrome":{"version_added":"37"},"chrome_android":{"version_added":"37"},"edge":{"version_added":"79"},"firefox":{"version_added":"62"},"firefox_android":{"version_added":"62"},"ie":{"version_added":false},"opera":{"version_added":"24"},"opera_android":{"version_added":"24"},"safari":{"version_added":"10.1"},"safari_ios":{"version_added":"10.3"},"samsunginternet_android":{"version_added":"3.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"percentages":{"__compat":{"description":"Support for percentage opacity values","support":{"chrome":{"version_added":"78"},"chrome_android":{"version_added":"78"},"edge":{"version_added":"79"},"firefox":{"version_added":"70"},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":"12.0"},"webview_android":{"version_added":"78"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"shape-margin":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/shape-margin","spec_url":"https://drafts.csswg.org/css-shapes/#shape-margin-property","support":{"chrome":{"version_added":"37"},"chrome_android":{"version_added":"37"},"edge":{"version_added":"79"},"firefox":{"version_added":"62"},"firefox_android":{"version_added":"62"},"ie":{"version_added":false},"opera":{"version_added":"24"},"opera_android":{"version_added":"24"},"safari":[{"version_added":"10.1"},{"prefix":"-webkit-","version_added":"10.1"}],"safari_ios":{"version_added":"10.3"},"samsunginternet_android":{"version_added":"3.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"shape-outside":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/shape-outside","spec_url":"https://drafts.csswg.org/css-shapes/#shape-outside-property","support":{"chrome":{"version_added":"37"},"chrome_android":{"version_added":"37"},"edge":{"version_added":"79"},"firefox":{"version_added":"62"},"firefox_android":{"version_added":"62"},"ie":{"version_added":false},"opera":{"version_added":"24"},"opera_android":{"version_added":"24"},"safari":{"version_added":"10.1"},"safari_ios":{"version_added":"10.3"},"samsunginternet_android":{"version_added":"3.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"circle":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/basic-shape#circle()","description":"<code>circle()</code>","support":{"chrome":{"version_added":"37"},"chrome_android":{"version_added":"37"},"edge":{"version_added":"79"},"firefox":{"version_added":"62"},"firefox_android":{"version_added":"62"},"ie":{"version_added":false},"opera":{"version_added":"24"},"opera_android":{"version_added":"24"},"safari":{"version_added":"10.1"},"safari_ios":{"version_added":"10.3"},"samsunginternet_android":{"version_added":"3.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"gradient":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/gradient","spec_url":"https://drafts.csswg.org/css-images/#gradients","description":"<code>&lt;gradient&gt;</code>","support":{"chrome":{"version_added":"37"},"chrome_android":{"version_added":"37"},"edge":{"version_added":"79"},"firefox":{"version_added":"62"},"firefox_android":{"version_added":"62"},"ie":{"version_added":false},"opera":{"version_added":"24"},"opera_android":{"version_added":"24"},"safari":{"version_added":"10.1"},"safari_ios":{"version_added":"10.3"},"samsunginternet_android":{"version_added":"3.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"image":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/image","spec_url":"https://drafts.csswg.org/css-images/#image-values","description":"<code>&lt;image&gt;</code>","support":{"chrome":{"version_added":"37"},"chrome_android":{"version_added":"37"},"edge":{"version_added":"79"},"firefox":{"version_added":"62"},"firefox_android":{"version_added":"62"},"ie":{"version_added":false},"opera":{"version_added":"24"},"opera_android":{"version_added":"24"},"safari":{"version_added":"10.1"},"safari_ios":{"version_added":"10.3"},"samsunginternet_android":{"version_added":"3.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"inset":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/basic-shape#inset()","description":"<code>inset()</code>","support":{"chrome":{"version_added":"37"},"chrome_android":{"version_added":"37"},"edge":{"version_added":"79"},"firefox":{"version_added":"62"},"firefox_android":{"version_added":"62"},"ie":{"version_added":false},"opera":{"version_added":"24"},"opera_android":{"version_added":"24"},"safari":{"version_added":"10.1"},"safari_ios":{"version_added":"10.3"},"samsunginternet_android":{"version_added":"3.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"polygon":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/basic-shape#polygon()","description":"<code>polygon()</code>","support":{"chrome":{"version_added":"37"},"chrome_android":{"version_added":"37"},"edge":{"version_added":"79"},"firefox":{"version_added":"62"},"firefox_android":{"version_added":"62"},"ie":{"version_added":false},"opera":{"version_added":"24"},"opera_android":{"version_added":"24"},"safari":{"version_added":"10.1"},"safari_ios":{"version_added":"10.3"},"samsunginternet_android":{"version_added":"3.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"three_value_syntax":{"__compat":{"description":"Support for three-value syntax of position in circle and ellipse","support":{"chrome":{"version_added":"37","version_removed":"68"},"chrome_android":{"version_added":"37","version_removed":"68"},"edge":{"version_added":false},"firefox":{"version_added":"62","version_removed":"70"},"firefox_android":{"version_added":"62","version_removed":"79"},"ie":{"version_added":false},"opera":{"version_added":"24","version_removed":"55"},"opera_android":{"version_added":"24","version_removed":"48"},"safari":{"version_added":"10.1"},"safari_ios":{"version_added":"10.3"},"samsunginternet_android":{"version_added":"3.0","version_removed":"10.0"},"webview_android":{"version_added":"37","version_removed":"68"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"tab-size":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/tab-size","spec_url":"https://drafts.csswg.org/css-text/#tab-size-property","support":{"chrome":{"version_added":"21","notes":"This property is not yet animatable."},"chrome_android":{"version_added":"25","notes":"This property is not yet animatable."},"edge":{"version_added":"79","notes":"This property is not yet animatable."},"firefox":[{"version_added":"91"},{"prefix":"-moz-","version_added":"4","notes":"Before Firefox 53, this property was not animatable."}],"firefox_android":[{"version_added":"91"},{"prefix":"-moz-","version_added":"4","notes":"Before Firefox 53, this property was not animatable."}],"ie":{"version_added":false},"opera":[{"version_added":"15"},{"prefix":"-o-","version_added":"10.5","version_removed":"15"}],"opera_android":[{"version_added":"14"},{"prefix":"-o-","version_added":"11","version_removed":"14"}],"safari":{"version_added":"7"},"safari_ios":{"version_added":"7"},"samsunginternet_android":{"version_added":"1.5","notes":"This property is not yet animatable."},"webview_android":{"version_added":"4.4"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"length":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/length","spec_url":"https://drafts.csswg.org/css-values/#lengths","description":"<code>&lt;length&gt;</code>","support":{"chrome":{"version_added":"42"},"chrome_android":{"version_added":"42"},"edge":{"version_added":"79"},"firefox":{"version_added":"53"},"firefox_android":{"version_added":"53"},"ie":{"version_added":false},"opera":{"version_added":"29"},"opera_android":{"version_added":"29"},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":"4.0"},"webview_android":{"version_added":"56"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"table-layout":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/table-layout","spec_url":"https://drafts.csswg.org/css2/#width-layout","support":{"chrome":{"version_added":"14"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"5"},"opera":{"version_added":"7"},"opera_android":{"version_added":"10.1"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"3"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"1.5"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"text-align-last":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-align-last","spec_url":"https://drafts.csswg.org/css-text/#text-align-last-property","support":{"chrome":{"version_added":"47"},"chrome_android":{"version_added":"47"},"edge":{"version_added":"12"},"firefox":[{"version_added":"49"},{"prefix":"-moz-","version_added":"12","version_removed":"53"}],"firefox_android":[{"version_added":"49"},{"prefix":"-moz-","version_added":"14","version_removed":"53"}],"ie":{"version_added":"5.5","partial_implementation":true,"notes":["IE only supports <code>text-align-last</code> when <code>text-align</code> is set to <code>justify</code>.","The <code>start</code> and <code>end</code> values are not supported."]},"opera":{"version_added":"34"},"opera_android":{"version_added":"34"},"safari":{"version_added":false,"notes":"See WebKit <a href='https://webkit.org/b/76173'>bug 76173</a>."},"safari_ios":{"version_added":false,"notes":"See WebKit <a href='https://webkit.org/b/76173'>bug 76173</a>."},"samsunginternet_android":{"version_added":"5.0"},"webview_android":{"version_added":"47"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"text-align":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-align","spec_url":["https://drafts.csswg.org/css-logical/#text-align","https://drafts.csswg.org/css-text/#text-align-property"],"support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"3"},"opera":{"version_added":"3.5"},"opera_android":{"version_added":"10.1"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"block_alignment_values":{"__compat":{"description":"Prefixed <code>center</code>, <code>left</code>, and <code>right</code> values for block alignment","support":{"chrome":{"prefix":"-webkit-","version_added":"1"},"chrome_android":{"prefix":"-webkit-","version_added":"18"},"edge":{"prefix":"-webkit-","version_added":"79"},"firefox":{"prefix":"-moz-","version_added":"1"},"firefox_android":{"prefix":"-moz-","version_added":"4"},"ie":{"version_added":false},"opera":{"prefix":"-webkit-","version_added":"15"},"opera_android":{"prefix":"-webkit-","version_added":"14"},"safari":[{"prefix":"-webkit-","version_added":"1.3"},{"prefix":"-khtml-","version_added":"1"}],"safari_ios":[{"prefix":"-webkit-","version_added":"1"},{"prefix":"-khtml-","version_added":"1"}],"samsunginternet_android":{"version_added":"1.0","prefix":"-webkit-"},"webview_android":{"prefix":"-webkit-","version_added":"37"}},"status":{"experimental":false,"standard_track":false,"deprecated":true}}},"flow_relative_values_start_and_end":{"__compat":{"description":"Flow-relative values <code>start</code> and <code>end</code>","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"79"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":false},"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":"3.1"},"safari_ios":{"version_added":"2"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"justify-all":{"__compat":{"description":"<code>justify-all</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"match-parent":{"__compat":{"description":"<code>match-parent</code>","support":{"chrome":{"version_added":"16"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"79"},"firefox":{"version_added":"40"},"firefox_android":{"version_added":"40"},"ie":{"version_added":false},"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"string":{"__compat":{"description":"Character-based alignment in a table column (<code>&lt;string&gt;</code> value)","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":true,"standard_track":true,"deprecated":false}}}},"text-combine-upright":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-combine-upright","spec_url":"https://drafts.csswg.org/css-writing-modes/#text-combine-upright","support":{"chrome":[{"version_added":"48"},{"partial_implementation":true,"alternative_name":"-webkit-text-combine","version_added":"9","notes":"This property was initially named <code>-webkit-text-combine</code> according to a <a href='http://www.w3.org/TR/2011/WD-css3-writing-modes-20110531/#text-combine'>2011 version of the CSS3 Writing Modes specification</a>, supporting the values <code>none</code> and <code>horizontal</code> without <code>digits</code>."}],"chrome_android":[{"version_added":"48"},{"partial_implementation":true,"alternative_name":"-webkit-text-combine","version_added":"18","notes":"This property was initially named <code>-webkit-text-combine</code> according to a <a href='http://www.w3.org/TR/2011/WD-css3-writing-modes-20110531/#text-combine'>2011 version of the CSS3 Writing Modes specification</a>, supporting the values <code>none</code> and <code>horizontal</code> without <code>digits</code>."}],"edge":[{"version_added":"15","version_removed":"79"},{"version_added":"12","version_removed":"79","alternative_name":"-ms-text-combine-horizontal"}],"firefox":{"version_added":"48","notes":"Before version 81, Firefox implemented the property as animatable. This was corrected to spec in 81."},"firefox_android":{"version_added":"48","notes":"Before version 81, Firefox implemented the property as animatable. This was corrected to spec in 81."},"ie":{"version_added":"11","alternative_name":"-ms-text-combine-horizontal"},"opera":[{"version_added":"35"},{"partial_implementation":true,"alternative_name":"-webkit-text-combine","version_added":"15","notes":"This property was initially named <code>-webkit-text-combine</code> according to a <a href='http://www.w3.org/TR/2011/WD-css3-writing-modes-20110531/#text-combine'>2011 version of the CSS3 Writing Modes specification</a>, supporting the values <code>none</code> and <code>horizontal</code> without <code>digits</code>."}],"opera_android":[{"version_added":"35"},{"partial_implementation":true,"alternative_name":"-webkit-text-combine","version_added":"14","notes":"This property was initially named <code>-webkit-text-combine</code> according to a <a href='http://www.w3.org/TR/2011/WD-css3-writing-modes-20110531/#text-combine'>2011 version of the CSS3 Writing Modes specification</a>, supporting the values <code>none</code> and <code>horizontal</code> without <code>digits</code>."}],"safari":{"partial_implementation":true,"alternative_name":"-webkit-text-combine","version_added":"5.1","notes":"This property was initially named <code>-webkit-text-combine</code> according to a <a href='http://www.w3.org/TR/2011/WD-css3-writing-modes-20110531/#text-combine'>2011 version of the CSS3 Writing Modes specification</a>, supporting the values <code>none</code> and <code>horizontal</code> without <code>digits</code>."},"safari_ios":{"partial_implementation":true,"alternative_name":"-webkit-text-combine","version_added":"5","notes":"This property was initially named <code>-webkit-text-combine</code> according to a <a href='http://www.w3.org/TR/2011/WD-css3-writing-modes-20110531/#text-combine'>2011 version of the CSS3 Writing Modes specification</a>, supporting the values <code>none</code> and <code>horizontal</code> without <code>digits</code>."},"samsunginternet_android":[{"version_added":"5.0"},{"partial_implementation":true,"alternative_name":"-webkit-text-combine","version_added":"1.0","notes":"This property was initially named <code>-webkit-text-combine</code> according to a <a href='http://www.w3.org/TR/2011/WD-css3-writing-modes-20110531/#text-combine'>2011 version of the CSS3 Writing Modes specification</a>, supporting the values <code>none</code> and <code>horizontal</code> without <code>digits</code>."}],"webview_android":[{"version_added":"48"},{"partial_implementation":true,"alternative_name":"-webkit-text-combine","version_added":"≤37","notes":"This property was initially named <code>-webkit-text-combine</code> according to a <a href='http://www.w3.org/TR/2011/WD-css3-writing-modes-20110531/#text-combine'>2011 version of the CSS3 Writing Modes specification</a>, supporting the values <code>none</code> and <code>horizontal</code> without <code>digits</code>."}]},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"digits":{"__compat":{"description":"<code>digits</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":[{"version_added":"15","version_removed":"79"},{"version_added":"12","version_removed":"79","alternative_name":"-ms-text-combine-horizontal"}],"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"version_added":"11","alternative_name":"-ms-text-combine-horizontal"},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"text-decoration-color":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-decoration-color","spec_url":"https://drafts.csswg.org/css-text-decor/#text-decoration-color-property","support":{"chrome":{"version_added":"57"},"chrome_android":{"version_added":"57"},"edge":{"version_added":"79"},"firefox":[{"version_added":"36"},{"prefix":"-moz-","version_added":"6","version_removed":"39"}],"firefox_android":[{"version_added":"36"},{"prefix":"-moz-","version_added":"6","version_removed":"39"}],"ie":{"version_added":false},"opera":{"version_added":"44"},"opera_android":{"version_added":"43"},"safari":[{"version_added":"12.1"},{"prefix":"-webkit-","version_added":"8"}],"safari_ios":[{"version_added":"12.2"},{"prefix":"-webkit-","version_added":"8"}],"samsunginternet_android":{"version_added":"7.0"},"webview_android":{"version_added":"57"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"text-decoration-line":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-decoration-line","spec_url":"https://drafts.csswg.org/css-text-decor/#text-decoration-line-property","support":{"chrome":{"version_added":"57"},"chrome_android":{"version_added":"57"},"edge":{"version_added":"79"},"firefox":[{"version_added":"36"},{"prefix":"-moz-","version_added":"6","version_removed":"39"}],"firefox_android":[{"version_added":"36"},{"prefix":"-moz-","version_added":"6","version_removed":"39"}],"ie":{"version_added":false},"opera":{"version_added":"44"},"opera_android":{"version_added":"43"},"safari":[{"version_added":"12.1"},{"prefix":"-webkit-","version_added":"8"}],"safari_ios":[{"version_added":"12.2"},{"prefix":"-webkit-","version_added":"8"}],"samsunginternet_android":{"version_added":"7.0"},"webview_android":{"version_added":"57"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"blink":{"__compat":{"description":"<code>blink</code>","support":{"chrome":{"version_added":"57","notes":"The <code>blink</code> value does not have any effect."},"chrome_android":{"version_added":"57","notes":"The <code>blink</code> value does not have any effect."},"edge":{"version_added":"79","notes":"The <code>blink</code> value does not have any effect."},"firefox":{"version_added":"26","notes":"The <code>blink</code> value does not have any effect."},"firefox_android":{"version_added":"26","notes":"The <code>blink</code> value does not have any effect."},"ie":{"version_added":false},"opera":{"version_added":"44"},"opera_android":{"version_added":"43"},"safari":{"version_added":"8"},"safari_ios":{"version_added":"8"},"samsunginternet_android":{"version_added":"7.0","notes":"The <code>blink</code> value does not have any effect."},"webview_android":{"version_added":"57","notes":"The <code>blink</code> value does not have any effect."}},"status":{"experimental":false,"standard_track":true,"deprecated":true}}}},"text-decoration-skip-ink":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-decoration-skip-ink","spec_url":"https://drafts.csswg.org/css-text-decor-4/#text-decoration-skip-ink-property","support":{"chrome":{"version_added":"64"},"chrome_android":{"version_added":"64"},"edge":{"version_added":"79"},"firefox":{"version_added":"70"},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":"50"},"opera_android":{"version_added":"46"},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":"9.0"},"webview_android":{"version_added":"64"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"all":{"__compat":{"description":"<code>all</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"75"},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"text-decoration-skip":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-decoration-skip","spec_url":"https://drafts.csswg.org/css-text-decor-4/#text-decoration-skipping","support":{"chrome":{"version_added":"57","version_removed":"64","notes":"Only supports the deprecated <code>ink</code> value."},"chrome_android":{"version_added":"57","version_removed":"64","notes":"Only supports the deprecated <code>ink</code> value."},"edge":{"version_added":false},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":"44","version_removed":"50","notes":"Only supports the deprecated <code>ink</code> value."},"opera_android":{"version_added":"43","version_removed":"46","notes":"Only supports the deprecated <code>ink</code> value."},"safari":[{"version_added":"12.1","notes":"Supports only <code>none</code>, <code>auto</code>, and <code>objects</code> values."},{"version_added":"7","prefix":"-webkit-","notes":"Supports only <code>none</code>, <code>auto</code>, and <code>objects</code> values."}],"safari_ios":[{"version_added":"12.2","notes":"Supports only <code>none</code>, <code>auto</code>, and <code>objects</code> values."},{"version_added":"7","prefix":"-webkit-","notes":"Supports only <code>none</code>, <code>auto</code>, and <code>objects</code> values."}],"samsunginternet_android":{"version_added":"7.0","version_removed":"9.0","notes":"Only supports the deprecated <code>ink</code> value."},"webview_android":{"version_added":"57","version_removed":"64","notes":"Only supports the deprecated <code>ink</code> value."}},"status":{"experimental":true,"standard_track":true,"deprecated":false}}},"text-decoration-style":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-decoration-style","spec_url":"https://drafts.csswg.org/css-text-decor/#text-decoration-style-property","support":{"chrome":{"version_added":"57"},"chrome_android":{"version_added":"57"},"edge":{"version_added":"79"},"firefox":[{"version_added":"36"},{"prefix":"-moz-","version_added":"6","version_removed":"39"}],"firefox_android":[{"version_added":"36"},{"prefix":"-moz-","version_added":"6","version_removed":"39"}],"ie":{"version_added":false},"opera":{"version_added":"44"},"opera_android":{"version_added":"43"},"safari":[{"version_added":"12.1"},{"prefix":"-webkit-","version_added":"8"}],"safari_ios":[{"version_added":"12.2"},{"prefix":"-webkit-","version_added":"8"}],"samsunginternet_android":{"version_added":"7.0"},"webview_android":{"version_added":"57"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"wavy":{"__compat":{"description":"<code>wavy</code>","support":{"chrome":{"version_added":"57"},"chrome_android":{"version_added":"57"},"edge":{"version_added":"79"},"firefox":{"version_added":"6"},"firefox_android":{"version_added":"6"},"ie":{"version_added":false},"opera":{"version_added":"44"},"opera_android":{"version_added":"43"},"safari":{"version_added":"8"},"safari_ios":{"version_added":"8"},"samsunginternet_android":{"version_added":"7.0"},"webview_android":{"version_added":"57"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"text-decoration-thickness":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-decoration-thickness","spec_url":"https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property","support":{"chrome":[{"version_added":"89"},{"version_added":"87","version_removed":"89","partial_implementation":true,"notes":"The <code>text-decoration-thickness</code> property does not work unless either <code>text-underline-offset</code> is set to something other than <code>auto</code> or <code>text-decoration-color</code> is set to something other than <code>currentColor</code>. See <a href='https://crbug.com/1154537'>Chromium bug 1154537</a>"}],"chrome_android":[{"version_added":"89"},{"version_added":"87","version_removed":"89","partial_implementation":true,"notes":"The <code>text-decoration-thickness</code> property does not work unless either <code>text-underline-offset</code> is set to something other than <code>auto</code> or <code>text-decoration-color</code> is set to something other than <code>currentColor</code>. See <a href='https://crbug.com/1154537'>Chromium bug 1154537</a>"}],"edge":[{"version_added":"89"},{"version_added":"87","version_removed":"89","partial_implementation":true,"notes":"The <code>text-decoration-thickness</code> property does not work unless either <code>text-underline-offset</code> is set to something other than <code>auto</code> or <code>text-decoration-color</code> is set to something other than <code>currentColor</code>. See <a href='https://crbug.com/1154537'>Chromium bug 1154537</a>"}],"firefox":[{"version_added":"70"},{"version_added":"69","alternative_name":"text-decoration-width","flags":[{"type":"preference","name":"layout.css.text-decoration-width.enabled","value_to_set":"true"}]}],"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":[{"version_added":"75"},{"version_added":"73","version_removed":"75","partial_implementation":true,"notes":"The <code>text-decoration-thickness</code> property does not work unless either <code>text-underline-offset</code> is set to something other than <code>auto</code> or <code>text-decoration-color</code> is set to something other than <code>currentColor</code>. See <a href='https://crbug.com/1154537'>Chromium bug 1154537</a>"}],"opera_android":{"version_added":"63"},"safari":{"version_added":"12.1"},"safari_ios":{"version_added":"12.2"},"samsunginternet_android":{"version_added":"15.0"},"webview_android":[{"version_added":"89"},{"version_added":"87","version_removed":"89","partial_implementation":true,"notes":"The <code>text-decoration-thickness</code> property does not work unless either <code>text-underline-offset</code> is set to something other than <code>auto</code> or <code>text-decoration-color</code> is set to something other than <code>currentColor</code>. See <a href='https://crbug.com/1154537'>Chromium bug 1154537</a>"}]},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"percentage":{"__compat":{"description":"percentage values","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"74"},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"text-decoration":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-decoration","spec_url":"https://drafts.csswg.org/css-text-decor/#text-decoration-property","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"3"},"opera":{"version_added":"3.5"},"opera_android":{"version_added":"10.1"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"blink":{"__compat":{"description":"<code>blink</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"1","version_removed":"23"},"firefox_android":{"version_added":"4","version_removed":"23"},"ie":{"version_added":false},"opera":{"version_added":"4","version_removed":"15"},"opera_android":{"version_added":"10.1","version_removed":"14"},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":true}}},"shorthand":{"__compat":{"description":"Shorthand","support":{"chrome":{"version_added":"57"},"chrome_android":{"version_added":"57"},"edge":{"version_added":"79"},"firefox":[{"version_added":"36"},{"partial_implementation":true,"version_added":"6"}],"firefox_android":[{"version_added":"36"},{"partial_implementation":true,"version_added":"6"}],"ie":{"version_added":false},"opera":{"version_added":"44"},"opera_android":{"version_added":"43"},"safari":{"prefix":"-webkit-","version_added":"8"},"safari_ios":{"prefix":"-webkit-","version_added":"8"},"samsunginternet_android":{"version_added":"7.0"},"webview_android":{"version_added":"57"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"text-decoration-thickness":{"__compat":{"description":"<code>text-decoration-thickness</code> included in shorthand","support":{"chrome":{"version_added":"87"},"chrome_android":{"version_added":"87"},"edge":{"version_added":"87"},"firefox":{"version_added":"70"},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":"73"},"opera_android":{"version_added":"62"},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":"14.0"},"webview_android":{"version_added":"87"}},"status":{"experimental":true,"standard_track":false,"deprecated":false}}}},"text-emphasis-color":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-emphasis-color","spec_url":"https://drafts.csswg.org/css-text-decor/#text-emphasis-color-property","support":{"chrome":{"prefix":"-webkit-","version_added":"25"},"chrome_android":{"prefix":"-webkit-","version_added":"25"},"edge":{"prefix":"-webkit-","version_added":"79"},"firefox":{"version_added":"46"},"firefox_android":{"version_added":"46"},"ie":{"version_added":false},"opera":{"prefix":"-webkit-","version_added":"15"},"opera_android":{"prefix":"-webkit-","version_added":"14"},"safari":[{"version_added":"7"},{"prefix":"-webkit-","version_added":"7"}],"safari_ios":[{"version_added":"7"},{"prefix":"-webkit-","version_added":"7"}],"samsunginternet_android":{"prefix":"-webkit-","version_added":"1.5"},"webview_android":{"prefix":"-webkit-","version_added":"4.4"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"text-emphasis-position":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-emphasis-position","spec_url":"https://drafts.csswg.org/css-text-decor/#text-emphasis-position-property","support":{"chrome":{"prefix":"-webkit-","version_added":"25"},"chrome_android":{"prefix":"-webkit-","version_added":"25"},"edge":{"prefix":"-webkit-","version_added":"79"},"firefox":{"version_added":"46"},"firefox_android":{"version_added":"46"},"ie":{"version_added":false},"opera":{"prefix":"-webkit-","version_added":"15"},"opera_android":{"prefix":"-webkit-","version_added":"14"},"safari":[{"version_added":"7"},{"prefix":"-webkit-","version_added":"7"}],"safari_ios":[{"version_added":"7"},{"prefix":"-webkit-","version_added":"7"}],"samsunginternet_android":{"prefix":"-webkit-","version_added":"1.5"},"webview_android":{"prefix":"-webkit-","version_added":"4.4"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"left_and_right":{"__compat":{"description":"<code>left</code> and <code>right</code>","support":{"chrome":{"version_added":"62"},"chrome_android":{"version_added":"62"},"edge":{"version_added":"79"},"firefox":{"version_added":"46"},"firefox_android":{"version_added":"46"},"ie":{"version_added":false},"opera":{"version_added":"49"},"opera_android":{"version_added":"46"},"safari":{"version_added":"8"},"safari_ios":{"version_added":"8"},"samsunginternet_android":{"version_added":"8.0"},"webview_android":{"version_added":"62"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"text-emphasis-style":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-emphasis-style","spec_url":"https://drafts.csswg.org/css-text-decor/#text-emphasis-style-property","support":{"chrome":{"prefix":"-webkit-","version_added":"25"},"chrome_android":{"prefix":"-webkit-","version_added":"25"},"edge":{"prefix":"-webkit-","version_added":"79"},"firefox":{"version_added":"46"},"firefox_android":{"version_added":"46"},"ie":{"version_added":false},"opera":{"prefix":"-webkit-","version_added":"15"},"opera_android":{"prefix":"-webkit-","version_added":"14"},"safari":[{"version_added":"7"},{"prefix":"-webkit-","version_added":"7"}],"safari_ios":[{"version_added":"7"},{"prefix":"-webkit-","version_added":"7"}],"samsunginternet_android":{"prefix":"-webkit-","version_added":"1.5"},"webview_android":{"prefix":"-webkit-","version_added":"4.4"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"text-emphasis":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-emphasis","spec_url":"https://drafts.csswg.org/css-text-decor/#text-emphasis-property","support":{"chrome":{"prefix":"-webkit-","version_added":"25"},"chrome_android":{"prefix":"-webkit-","version_added":"25"},"edge":{"prefix":"-webkit-","version_added":"79"},"firefox":{"version_added":"46"},"firefox_android":{"version_added":"46"},"ie":{"version_added":false},"opera":{"prefix":"-webkit-","version_added":"15"},"opera_android":{"prefix":"-webkit-","version_added":"14"},"safari":[{"version_added":"7"},{"prefix":"-webkit-","version_added":"7"}],"safari_ios":[{"version_added":"7"},{"prefix":"-webkit-","version_added":"7"}],"samsunginternet_android":{"prefix":"-webkit-","version_added":"1.5"},"webview_android":{"prefix":"-webkit-","version_added":"4.4"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"text-indent":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-indent","spec_url":"https://drafts.csswg.org/css-text/#text-indent-property","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"3"},"opera":{"version_added":"3.5"},"opera_android":{"version_added":"14"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"each-line":{"__compat":{"description":"<code>each-line</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"hanging":{"__compat":{"description":"<code>hanging</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"text-justify":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-justify","spec_url":"https://drafts.csswg.org/css-text/#text-justify-property","support":{"chrome":{"version_added":"32","flags":[{"type":"preference","name":"Enable Experimental Web Platform Features","value_to_set":"true"}],"notes":"<code>inter-word</code> and <code>distribute</code> (deprecated) values are supported, but <code>distribute</code> behavior is buggy."},"chrome_android":{"version_added":"32","flags":[{"type":"preference","name":"Enable Experimental Web Platform Features","value_to_set":"true"}],"notes":"<code>inter-word</code> and <code>distribute</code> (deprecated) values are supported, but <code>distribute</code> behavior is buggy."},"edge":{"version_added":"12","notes":"Standard values <code>inter-character</code> and <code>none</code> are supported. The deprecated <code>distribute</code> value is also supported."},"firefox":{"version_added":"55"},"firefox_android":{"version_added":"55"},"ie":{"version_added":"11","notes":"Standard values <code>inter-character</code> and <code>none</code> are supported. The deprecated <code>distribute</code> value is also supported."},"opera":{"version_added":"19","flags":[{"type":"preference","name":"Enable Experimental Web Platform Features","value_to_set":"true"}],"notes":"<code>inter-word</code> and <code>distribute</code> (deprecated) values are supported, but <code>distribute</code> behavior is buggy."},"opera_android":{"version_added":"19","flags":[{"type":"preference","name":"Enable Experimental Web Platform Features","value_to_set":"true"}],"notes":"<code>inter-word</code> and <code>distribute</code> (deprecated) values are supported, but <code>distribute</code> behavior is buggy."},"safari":{"version_added":false,"notes":"See <a href='https://webkit.org/b/99945'>bug 9945</a>."},"safari_ios":{"version_added":false,"notes":"See <a href='https://webkit.org/b/99945'>bug 9945</a>."},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"text-orientation":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-orientation","spec_url":"https://drafts.csswg.org/css-writing-modes/#text-orientation","support":{"chrome":[{"version_added":"48"},{"prefix":"-webkit-","version_added":"11"}],"chrome_android":[{"version_added":"48"},{"prefix":"-webkit-","version_added":"18"}],"edge":[{"version_added":"79"},{"prefix":"-webkit-","version_added":"79"}],"firefox":{"version_added":"41"},"firefox_android":{"version_added":"41"},"ie":{"version_added":false},"opera":[{"version_added":"35"},{"prefix":"-webkit-","version_added":"15"}],"opera_android":[{"version_added":"35"},{"prefix":"-webkit-","version_added":"14"}],"safari":[{"version_added":"14"},{"prefix":"-webkit-","version_added":"5.1"}],"safari_ios":[{"version_added":"14"},{"prefix":"-webkit-","version_added":"5"}],"samsunginternet_android":[{"version_added":"5.0"},{"prefix":"-webkit-","version_added":"1.0"}],"webview_android":[{"version_added":"48"},{"prefix":"-webkit-","version_added":"≤37"}]},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"sideways":{"__compat":{"description":"<code>sideways</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"44","notes":"<code>sideways-right</code> has become an alias of <code>sideways</code>."},"firefox_android":{"version_added":"44","notes":"<code>sideways-right</code> has become an alias of <code>sideways</code>."},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"text-overflow":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-overflow","spec_url":"https://drafts.csswg.org/css-overflow/#text-overflow","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"7","notes":"Until Firefox 10, handling of <code>text-overflow</code> on blocks with inline overflow on both horizontal sides was incorrect. Before Firefox 10, if only one value was specified (such as <code>text-overflow: ellipsis;</code>), text was ellipsed on both sides of the block, instead of only the end edge based on the block's text direction."},"firefox_android":{"version_added":"7","notes":"Until Firefox 10, handling of <code>text-overflow</code> on blocks with inline overflow on both horizontal sides was incorrect. Before Firefox 10, if only one value was specified (such as <code>text-overflow: ellipsis;</code>), text was ellipsed on both sides of the block, instead of only the end edge based on the block's text direction."},"ie":[{"version_added":"6"},{"prefix":"-ms-","version_added":"8"}],"opera":[{"version_added":"11"},{"prefix":"-o-","version_added":"9","version_removed":"15"}],"opera_android":[{"version_added":"11"},{"prefix":"-o-","version_added":"10.1","version_removed":"14"}],"safari":{"version_added":"1.3"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"fade_function":{"__compat":{"description":"<code>fade()</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":true,"standard_track":true,"deprecated":false}}},"fade_value":{"__compat":{"description":"<code>fade</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"string":{"__compat":{"description":"&lt;string&gt;","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"9"},"firefox_android":{"version_added":"9"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"two_value_syntax":{"__compat":{"description":"Two-value syntax","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"9"},"firefox_android":{"version_added":"9"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"text-rendering":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-rendering","spec_url":"https://svgwg.org/svg2-draft/painting.html#TextRenderingProperty","support":{"chrome":{"version_added":"4","notes":["This property is only supported on Windows and Linux.","Initial versions had bugs on Windows and Linux that broke <a href='https://crbug.com/114719'>font substitition</a>, <a href='https://crbug.com/51973'>small-caps</a>, <a href='https://crbug.com/55458'>letter-spacing</a> or caused <a href='https://crbug.com/149548'>text to overlap</a>."]},"chrome_android":{"version_added":"18","notes":["This property is only supported on Windows and Linux.","Initial versions had bugs on Windows and Linux that broke <a href='https://crbug.com/114719'>font substitition</a>, <a href='https://crbug.com/51973'>small-caps</a>, <a href='https://crbug.com/55458'>letter-spacing</a> or caused <a href='https://crbug.com/149548'>text to overlap</a>."]},"edge":{"version_added":"79","notes":["This property is only supported on Windows and Linux.","Initial versions had bugs on Windows and Linux that broke <a href='https://crbug.com/114719'>font substitition</a>, <a href='https://crbug.com/51973'>small-caps</a>, <a href='https://crbug.com/55458'>letter-spacing</a> or caused <a href='https://crbug.com/149548'>text to overlap</a>."]},"firefox":{"version_added":"1","notes":["This property is only supported on Windows and Linux.","The <code>optimizeSpeed</code> option has no effect on Firefox 4 because the standard code for text rendering is already fast and there is not a faster code path at this time. See <a href='https://bugzil.la/595688'>bug 595688</a> for details."]},"firefox_android":{"version_added":"46"},"ie":{"version_added":false},"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":"5"},"safari_ios":{"version_added":"4.2"},"samsunginternet_android":{"version_added":"1.0","notes":"This property is only supported on Windows and Linux. Samsung Internet is not on Windows or Linux."},"webview_android":{"version_added":"3","notes":"From version 3 to 4.3, there is a serious bug where <code>text-rendering: optimizeLegibility</code> causes custom web fonts to not render. This was fixed in version 4.4."}},"status":{"experimental":false,"standard_track":false,"deprecated":false}},"auto":{"__compat":{"description":"<code>auto</code>","support":{"chrome":{"version_added":"4","notes":"Chrome treats <code>auto</code> as <code>optimizeSpeed</code>."},"chrome_android":{"version_added":"18","notes":"Chrome treats <code>auto</code> as <code>optimizeSpeed</code>."},"edge":{"version_added":"79","notes":"Edge treats <code>auto</code> as <code>optimizeSpeed</code>."},"firefox":{"version_added":"1","notes":"If the font size is 20 pixels or higher, Firefox treats <code>auto</code> as <code>optimizeLegibility</code>. For smaller text, Firefox treats <code>auto</code> as <code>optimizeSpeed</code>. The 20-pixel threshold can be changed with the <code>browser.display.auto_quality_min_font_size</code> preference."},"firefox_android":{"version_added":"46","notes":"If the font size is 20 pixels or higher, Firefox treats <code>auto</code> as <code>optimizeLegibility</code>. For smaller text, Firefox treats <code>auto</code> as <code>optimizeSpeed</code>. The 20-pixel threshold can be changed with the <code>browser.display.auto_quality_min_font_size</code> preference."},"ie":{"version_added":false},"opera":{"version_added":"15","notes":"Opera treats <code>auto</code> as <code>optimizeSpeed</code>."},"opera_android":{"version_added":"14","notes":"Opera treats <code>auto</code> as <code>optimizeSpeed</code>."},"safari":{"version_added":"5","notes":"Safari treats <code>auto</code> as <code>optimizeSpeed</code>. See <a href='https://webkit.org/b/41363'>WebKit bug 41363</a>."},"safari_ios":{"version_added":"4.2","notes":"Safari treats <code>auto</code> as <code>optimizeSpeed</code>. See <a href='https://webkit.org/b/41363'>WebKit bug 41363</a>."},"samsunginternet_android":{"version_added":"1.0","notes":"Samsung Internet treats <code>auto</code> as <code>optimizeSpeed</code>."},"webview_android":{"version_added":"≤37","notes":"WebView treats <code>auto</code> as <code>optimizeSpeed</code>."}},"status":{"experimental":false,"standard_track":false,"deprecated":false}}},"geometricPrecision":{"__compat":{"description":"<code>geometricPrecision</code>","support":{"chrome":{"version_added":"13","notes":"Supports true geometric precision without rounding up or down to the nearest supported font size in the operating system."},"chrome_android":{"version_added":"18","notes":"Supports true geometric precision without rounding up or down to the nearest supported font size in the operating system."},"edge":{"version_added":"79","notes":"Supports true geometric precision without rounding up or down to the nearest supported font size in the operating system."},"firefox":{"version_added":"1","notes":"Firefox treats <code>geometricPrecision</code> the same as <code>optimizeLegibility</code>."},"firefox_android":{"version_added":"46","notes":"Firefox treats <code>geometricPrecision</code> the same as <code>optimizeLegibility</code>."},"ie":{"version_added":false},"opera":{"version_added":"15","notes":"Supports true geometric precision without rounding up or down to the nearest supported font size in the operating system."},"opera_android":{"version_added":"14","notes":"Supports true geometric precision without rounding up or down to the nearest supported font size in the operating system."},"safari":{"version_added":"6"},"safari_ios":{"version_added":"6"},"samsunginternet_android":{"version_added":"1.0","notes":"Supports true geometric precision without rounding up or down to the nearest supported font size in the operating system."},"webview_android":{"version_added":"37","notes":"Supports true geometric precision without rounding up or down to the nearest supported font size in the operating system."}},"status":{"experimental":false,"standard_track":false,"deprecated":false}}}},"text-shadow":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-shadow","spec_url":"https://drafts.csswg.org/css-text-decor/#text-shadow-property","support":{"chrome":{"version_added":"2"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"3.5","notes":["Firefox versions before 57 have a bug whereby <a href='https://developer.mozilla.org/docs/Web/CSS/transition'><code>transition</code></a>s will not work when transitioning from a <code>text-shadow</code> with a color specified to a <code>text-shadow</code> without a color specified (<a href='https://bugzil.la/726550'>bug 726550</a>).","From Firefox 4, the blur radius is capped at 300 for performance reasons.","Firefox theoretically supports infinite text-shadows (don't try it).","If the <code>&lt;color&gt;</code> value is unspecified, then Firefox uses the value of the element's <a href='https://developer.mozilla.org/docs/Web/CSS/color'><code>color</code></a> property."]},"firefox_android":{"version_added":"4","notes":["Firefox versions before 57 have a bug whereby <a href='https://developer.mozilla.org/docs/Web/CSS/transition'><code>transition</code></a>s will not work when transitioning from a <code>text-shadow</code> with a color specified to a <code>text-shadow</code> without a color specified (<a href='https://bugzil.la/726550'>bug 726550</a>).","From Firefox 4, the blur radius is capped at 300 for performance reasons.","Firefox theoretically supports infinite text-shadows (don't try it).","If the <code>&lt;color&gt;</code> value is unspecified, then Firefox uses the value of the element's <a href='https://developer.mozilla.org/docs/Web/CSS/color'><code>color</code></a> property."]},"ie":{"version_added":"10"},"opera":{"version_added":"9.5","notes":["Opera supports a maximum of 6-9 text-shadows for performance reasons. The blur radius is limited to 100px.","Opera 9.5 to 10.1 adheres to the old, reverse painting order (in CSS2, the first specified shadow is on the bottom)."]},"opera_android":{"version_added":"14"},"safari":{"version_added":"1.1","notes":["In Safari, any shadows that do not explicitly specify a color are transparent.","Safari 1.1 to 3.2 only supports one text-shadow (displays the first shadow of a comma-separated list and ignores the rest). Safari 4.0 (WebKit 528) and later support multiple text-shadows."]},"safari_ios":{"version_added":"1","notes":["In Safari, any shadows that do not explicitly specify a color are transparent.","Safari iOS 1 and 2 only support one text-shadow (displays the first shadow of a comma-separated list and ignores the rest). Safari iOS 3 (WebKit 528) and later support multiple text-shadows."]},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"text-size-adjust":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-size-adjust","spec_url":"https://drafts.csswg.org/css-size-adjust/#adjustment-control","support":{"chrome":[{"version_added":"54"},{"prefix":"-webkit-","version_added":false,"notes":"Instead of ignoring the <code>-webkit-text-size-adjust</code> property, a bug prevents desktop Chrome users from zooming in or out. The bug was fixed after Chrome 26."}],"chrome_android":{"version_added":"54"},"edge":[{"version_added":"79"},{"prefix":"-webkit-","version_added":"12","version_removed":"79"}],"firefox":{"version_added":false},"firefox_android":[{"prefix":"-webkit-","version_added":"49"},{"prefix":"-moz-","version_added":"14"},{"prefix":"-webkit-","version_added":"44","flags":[{"type":"preference","name":"layout.css.prefixes.webkit","value_to_set":"true"}]}],"ie":{"version_added":false},"opera":{"version_added":"41"},"opera_android":{"version_added":"41"},"safari":[{"version_added":false},{"prefix":"-webkit-","version_added":false,"notes":"Instead of ignoring the <code>-webkit-text-size-adjust</code> property, a bug prevents desktop Safari users from zooming in or out. The bug was fixed after Safari 5."}],"safari_ios":{"prefix":"-webkit-","version_added":"1"},"samsunginternet_android":{"version_added":"6.0"},"webview_android":{"version_added":"54"}},"status":{"experimental":true,"standard_track":true,"deprecated":false}},"percentages":{"__compat":{"description":"<code>&lt;percentage&gt;</code>","support":{"chrome":{"version_added":"54"},"chrome_android":{"version_added":"54"},"edge":{"version_added":"12"},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":"41"},"opera_android":{"version_added":"41"},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":"6.0"},"webview_android":{"version_added":"54"}},"status":{"experimental":true,"standard_track":true,"deprecated":false}}}},"text-transform":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-transform","spec_url":"https://drafts.csswg.org/css-text/#text-transform","support":{"chrome":{"version_added":"1","notes":"The <code>text-transform</code> property does not work for <code>::first-line</code> pseudo-elements (nor for the one-colon syntax). See <a href='https://crbug.com/129669'>Chromium bug 129669</a>."},"chrome_android":{"version_added":"18","notes":"The <code>text-transform</code> property does not work for <code>::first-line</code> pseudo-elements (nor for the one-colon syntax). See <a href='https://crbug.com/129669'>Chromium bug 129669</a>."},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"4"},"opera":{"version_added":"7","notes":"Since Opera 15, the <code>text-transform</code> property does not work for <code>::first-line</code> pseudo-elements (nor for the one-colon syntax). See <a href='https://crbug.com/129669'>Chromium bug 129669</a>."},"opera_android":{"version_added":"11"},"safari":{"version_added":"1","notes":"The <code>text-transform</code> property does not work for <code>::first-line</code> pseudo-elements (also not for the old one-colon syntax). See <a href='https://webkit.org/b/3409'>WebKit bug 3409</a>."},"safari_ios":{"version_added":"1","notes":"The <code>text-transform</code> property does not work for <code>::first-line</code> pseudo-elements (also not for the old one-colon syntax). See <a href='https://webkit.org/b/3409'>WebKit bug 3409</a>."},"samsunginternet_android":{"version_added":"1.0","notes":"The <code>text-transform</code> property does not work for <code>::first-line</code> pseudo-elements (nor for the one-colon syntax). See <a href='https://crbug.com/129669'>Chromium bug 129669</a>."},"webview_android":{"version_added":"1","notes":"The <code>text-transform</code> property does not work for <code>::first-line</code> pseudo-elements (nor for the one-colon syntax). See <a href='https://crbug.com/129669'>Chromium bug 129669</a>."}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"capitalize":{"__compat":{"support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1","notes":"Before Firefox 14, some punctuation characters could interfere with correct capitalization. See <a href='https://bugzil.la/731536'>bug 731536</a>."},"firefox_android":{"version_added":"4","notes":"Before Firefox 14, some punctuation characters could interfere with correct capitalization. See <a href='https://bugzil.la/731536'>bug 731536</a>."},"ie":{"version_added":"4"},"opera":{"version_added":"7"},"opera_android":{"version_added":"11"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"1"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"dutch_ij_digraph":{"__compat":{"description":"Dutch <code>IJ</code> digraph","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"14"},"firefox_android":{"version_added":"14"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"full-size-kana":{"__compat":{"description":"<code>full-size-kana</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"64"},"firefox_android":{"version_added":"64"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"full-width":{"__compat":{"description":"<code>full-width</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"19"},"firefox_android":{"version_added":"19"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"greek_accented_characters":{"__compat":{"description":"Greek accented letters","support":{"chrome":{"version_added":"34"},"chrome_android":{"version_added":"34"},"edge":{"version_added":"79"},"firefox":{"version_added":"15"},"firefox_android":{"version_added":"15"},"ie":{"version_added":false},"opera":{"version_added":"21"},"opera_android":{"version_added":"21"},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":"2.0"},"webview_android":{"version_added":"4.4"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"lowercase_sigma":{"__compat":{"description":"<code>Σ</code> → <code>σ</code> or word-final <code>ς</code>","support":{"chrome":{"version_added":"30"},"chrome_android":{"version_added":"30"},"edge":{"version_added":"12"},"firefox":{"version_added":"14"},"firefox_android":{"version_added":"14"},"ie":{"version_added":"4"},"opera":{"version_added":"17"},"opera_android":{"version_added":"18"},"safari":{"version_added":"6"},"safari_ios":{"version_added":"6"},"samsunginternet_android":{"version_added":"2.0"},"webview_android":{"version_added":"4.4"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"turkic_is":{"__compat":{"description":"<code>i</code> → <code>İ</code> and <code>ı</code> → <code>I</code>","support":{"chrome":{"version_added":"31"},"chrome_android":{"version_added":"31"},"edge":{"version_added":"12"},"firefox":{"version_added":"14"},"firefox_android":{"version_added":"14"},"ie":{"version_added":"4"},"opera":{"version_added":"18"},"opera_android":{"version_added":"18"},"safari":{"version_added":"8"},"safari_ios":{"version_added":"8"},"samsunginternet_android":{"version_added":"2.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"uppercase_eszett":{"__compat":{"description":"<code>ß</code> → <code>SS</code>","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"18"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":false},"opera":{"version_added":"7"},"opera_android":{"version_added":"11"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"1"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"text-underline-offset":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-underline-offset","spec_url":"https://drafts.csswg.org/css-text-decor-4/#underline-offset","support":{"chrome":{"version_added":"87"},"chrome_android":{"version_added":"87"},"edge":{"version_added":"87"},"firefox":[{"version_added":"70"},{"version_added":"69","flags":[{"type":"preference","name":"layout.css.text-underline-offset.enabled","value_to_set":"true"}]}],"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":"73"},"opera_android":{"version_added":false},"safari":{"version_added":"12.1"},"safari_ios":{"version_added":"12.2"},"samsunginternet_android":{"version_added":"14.0"},"webview_android":{"version_added":"87"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"percentage":{"__compat":{"description":"percentage values","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"74"},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"text-underline-position":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/text-underline-position","spec_url":"https://drafts.csswg.org/css-text-decor/#text-underline-position-property","support":{"chrome":{"version_added":"33"},"chrome_android":{"version_added":"33"},"edge":{"version_added":"12"},"firefox":{"version_added":"74"},"firefox_android":{"version_added":false},"ie":{"version_added":"6"},"opera":{"version_added":"20"},"opera_android":{"version_added":"20"},"safari":[{"version_added":"12.1"},{"prefix":"-webkit-","version_added":"9"}],"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":"2.0"},"webview_android":{"version_added":"4.4.3"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"above_below":{"__compat":{"description":"<code>above</code> and <code>below</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":"12","version_removed":"79"},"firefox":{"version_added":"74"},"firefox_android":{"version_added":false},"ie":{"version_added":"6"},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":true,"standard_track":false,"deprecated":false}}},"auto-pos":{"__compat":{"description":"<code>auto-pos</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":"12","version_removed":"79"},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"version_added":"6"},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":true,"standard_track":false,"deprecated":false}}},"from-font":{"__compat":{"description":"<code>from-font</code>","support":{"chrome":{"version_added":"87"},"chrome_android":{"version_added":"87"},"edge":{"version_added":"87"},"firefox":{"version_added":"74"},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":"14.0"},"webview_android":{"version_added":"87"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"left_right":{"__compat":{"description":"<code>left</code> and <code>right</code>","support":{"chrome":{"version_added":"71"},"chrome_android":{"version_added":"71"},"edge":{"version_added":"79"},"firefox":{"version_added":"74"},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":"58"},"opera_android":{"version_added":"50"},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":"10.0"},"webview_android":{"version_added":"71"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"under":{"__compat":{"description":"<code>under</code>","support":{"chrome":{"version_added":"33"},"chrome_android":{"version_added":"33"},"edge":{"version_added":"79"},"firefox":{"version_added":"74"},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":"20"},"opera_android":{"version_added":"20"},"safari":{"version_added":"12.1"},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":"2.0"},"webview_android":{"version_added":"4.4.3"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"top":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/top","spec_url":"https://drafts.csswg.org/css-position/#insets","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"5","notes":"In Internet Explorer versions before 7, when both <code>top</code> and <code>bottom</code> are specified, the element position is overconstrained and the <code>top</code> property has precedence; the computed value of <code>bottom</code> is set to <code>-top</code>, while its specified value is ignored."},"opera":{"version_added":"6"},"opera_android":{"version_added":"14"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"touch-action":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/touch-action","spec_url":["https://compat.spec.whatwg.org/#touch-action","https://w3c.github.io/pointerevents/#the-touch-action-css-property"],"support":{"chrome":{"version_added":"36"},"chrome_android":{"version_added":"36"},"edge":{"version_added":"12"},"firefox":{"version_added":"52","notes":"Not applicable to Firefox platforms that support neither pointer nor touch events."},"firefox_android":{"version_added":"52"},"ie":[{"version_added":"11"},{"version_added":"10","prefix":"-ms-"}],"opera":{"version_added":"23"},"opera_android":{"version_added":"24"},"safari":{"version_added":"13"},"safari_ios":{"version_added":"9.3"},"samsunginternet_android":{"version_added":"3.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"axis-pan":{"__compat":{"description":"<code>pan-x</code> and <code>pan-y</code>","support":{"chrome":{"version_added":"36"},"chrome_android":{"version_added":"36"},"edge":{"version_added":"12"},"firefox":{"version_added":"52","notes":"Not applicable to Firefox platforms that support neither pointer nor touch events."},"firefox_android":{"version_added":"52"},"ie":[{"version_added":"11"},{"version_added":"10","prefix":"-ms-"}],"opera":{"version_added":"23"},"opera_android":{"version_added":"24"},"safari":{"version_added":"13"},"safari_ios":{"version_added":"13"},"samsunginternet_android":{"version_added":"3.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"double-tap-zoom":{"__compat":{"support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":"12","version_removed":"79"},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":[{"version_added":"11"},{"version_added":"10","prefix":"-ms-"}],"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":false,"deprecated":false}}},"manipulation":{"__compat":{"support":{"chrome":{"version_added":"36"},"chrome_android":{"version_added":"36"},"edge":{"version_added":"12"},"firefox":{"version_added":"52","notes":"Not applicable to Firefox platforms that support neither pointer nor touch events."},"firefox_android":{"version_added":"52"},"ie":[{"version_added":"11"},{"version_added":"10","prefix":"-ms-"}],"opera":{"version_added":"23"},"opera_android":{"version_added":"24"},"safari":{"version_added":"13"},"safari_ios":{"version_added":"9.3"},"samsunginternet_android":{"version_added":"3.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"none":{"__compat":{"support":{"chrome":{"version_added":"36"},"chrome_android":{"version_added":"36"},"edge":{"version_added":"12"},"firefox":{"version_added":"52","notes":"Not applicable to Firefox platforms that support neither pointer nor touch events."},"firefox_android":{"version_added":"52"},"ie":[{"version_added":"11"},{"version_added":"10","prefix":"-ms-"}],"opera":{"version_added":"23"},"opera_android":{"version_added":"24"},"safari":{"version_added":"13"},"safari_ios":{"version_added":"13"},"samsunginternet_android":{"version_added":"3.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"pinch-zoom":{"__compat":{"support":{"chrome":{"version_added":"56"},"chrome_android":{"version_added":"56"},"edge":{"version_added":"12"},"firefox":{"version_added":"85","notes":"Not applicable to Firefox platforms that support neither pointer nor touch events."},"firefox_android":{"version_added":"85","notes":"Not applicable to Firefox platforms that support neither pointer nor touch events."},"ie":[{"version_added":"11"},{"version_added":"10","prefix":"-ms-"}],"opera":{"version_added":"43"},"opera_android":{"version_added":"43"},"safari":{"version_added":"13"},"safari_ios":{"version_added":"13"},"samsunginternet_android":{"version_added":"6.0"},"webview_android":{"version_added":"56"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"unidirectional-pan":{"__compat":{"description":"<code>pan-up</code>, <code>pan-down</code>, <code>pan-left</code> and <code>pan-right</code>","support":{"chrome":{"version_added":"55"},"chrome_android":{"version_added":"55"},"edge":{"version_added":"79"},"firefox":{"version_added":false,"notes":"See <a href='https://bugzil.la/1285685'>bug 1285685</a>."},"firefox_android":{"version_added":false,"notes":"See <a href='https://bugzil.la/1285685'>bug 1285685</a>."},"ie":{"version_added":false},"opera":{"version_added":"42"},"opera_android":{"version_added":"42"},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":"6.0"},"webview_android":{"version_added":"55"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"transform-box":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/transform-box","spec_url":"https://drafts.csswg.org/css-transforms/#transform-box","support":{"chrome":{"version_added":"64"},"chrome_android":{"version_added":"64"},"edge":{"version_added":"79"},"firefox":{"version_added":"55"},"firefox_android":{"version_added":"55"},"ie":{"version_added":false},"opera":{"version_added":"51"},"opera_android":{"version_added":"47"},"safari":{"version_added":"11"},"safari_ios":{"version_added":"11"},"samsunginternet_android":{"version_added":"9.0"},"webview_android":{"version_added":"64"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"transform-origin":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/transform-origin","spec_url":"https://drafts.csswg.org/css-transforms/#transform-origin-property","support":{"chrome":[{"version_added":"36"},{"prefix":"-webkit-","version_added":"1"}],"chrome_android":[{"version_added":"36"},{"prefix":"-webkit-","version_added":"18"}],"edge":[{"version_added":"12"},{"prefix":"-webkit-","version_added":"12"}],"firefox":[{"version_added":"16"},{"prefix":"-moz-","version_added":"3.5"},{"prefix":"-webkit-","version_added":"49"}],"firefox_android":[{"version_added":"16"},{"prefix":"-moz-","version_added":"4"},{"prefix":"-webkit-","version_added":"49"}],"ie":[{"version_added":"10"},{"prefix":"-ms-","version_added":"9"}],"opera":[{"version_added":"23"},{"prefix":"-webkit-","version_added":"15"},{"version_added":"12.1","version_removed":"15"},{"prefix":"-o-","version_added":"10.5","version_removed":"15"}],"opera_android":[{"version_added":"24"},{"prefix":"-webkit-","version_added":"15"},{"version_added":"12.1","version_removed":"15"},{"prefix":"-o-","version_added":"11","version_removed":"14"}],"safari":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"2"}],"safari_ios":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"1"}],"samsunginternet_android":[{"version_added":"3.0"},{"prefix":"-webkit-","version_added":"1.0"}],"webview_android":[{"version_added":"37"},{"prefix":"-webkit-","version_added":"≤37"}]},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"support_in_svg":{"__compat":{"description":"Support in SVG","support":{"chrome":{"version_added":"19"},"chrome_android":{"version_added":"25"},"edge":{"version_added":"17"},"firefox":{"version_added":"43","notes":"Keywords and percentages refer to the canvas instead of the object itself. See <a href='https://bugzil.la/1209061'>bug 1209061</a>."},"firefox_android":{"version_added":"43","notes":"Keywords and percentages refer to the canvas instead of the object itself. See <a href='https://bugzil.la/1209061'>bug 1209061</a>."},"ie":{"version_added":false},"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":"6","notes":"Only supported for transformations applied using the CSS <code>transform</code> property (e.g. <code>.className { transform: rotate(45deg); transform-origin: center; }</code>). It has no effect on transformations applied using the <code>transform</code> SVG attribute (e.g. <code>&lt;rect style=&quot;transform-origin: center;&quot; transform=&quot;rotate(45)&quot; /&gt;</code>)."},"safari_ios":{"version_added":"6","notes":"Only supported for transformations applied using the CSS <code>transform</code> property (e.g. <code>.className { transform: rotate(45deg); transform-origin: center; }</code>). It has no effect on transformations applied using the <code>transform</code> SVG attribute (e.g. <code>&lt;rect style=&quot;transform-origin: center;&quot; transform=&quot;rotate(45)&quot; /&gt;</code>)."},"samsunginternet_android":{"version_added":"1.5"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"three_value_syntax":{"__compat":{"description":"Three-value syntax","matches":{"regex_value":"^([\\d\\w%-]+|calc\\(.+\\))\\s+([\\d\\w%-]+|calc\\(.+\\))\\s+([\\d\\w-]+|calc\\(.+\\))$"},"support":{"chrome":{"version_added":"12"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"10"},"firefox_android":{"version_added":"10"},"ie":{"version_added":"9"},"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":"5"},"safari_ios":{"version_added":"3.2"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"transform-style":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/transform-style","spec_url":"https://drafts.csswg.org/css-transforms-2/#transform-style-property","support":{"chrome":[{"version_added":"36"},{"prefix":"-webkit-","version_added":"12"}],"chrome_android":[{"version_added":"36"},{"prefix":"-webkit-","version_added":"18"}],"edge":[{"version_added":"12"},{"prefix":"-webkit-","version_added":"12"}],"firefox":[{"version_added":"16"},{"prefix":"-moz-","version_added":"10"},{"prefix":"-webkit-","version_added":"49"}],"firefox_android":[{"version_added":"16"},{"prefix":"-moz-","version_added":"10"},{"prefix":"-webkit-","version_added":"49"}],"ie":{"version_added":false},"opera":[{"version_added":"23"},{"prefix":"-webkit-","version_added":"15"}],"opera_android":[{"version_added":"24"},{"prefix":"-webkit-","version_added":"14"}],"safari":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"4"}],"safari_ios":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"2"}],"samsunginternet_android":[{"version_added":"3.0"},{"prefix":"-webkit-","version_added":"1.0"}],"webview_android":[{"version_added":"37"},{"prefix":"-webkit-","version_added":"3"}]},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"transform":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/transform","spec_url":["https://drafts.csswg.org/css-transforms-2/#transform-functions","https://drafts.csswg.org/css-transforms/#transform-property"],"support":{"chrome":[{"version_added":"36"},{"prefix":"-webkit-","version_added":"1"}],"chrome_android":[{"version_added":"36"},{"prefix":"-webkit-","version_added":"18"}],"edge":[{"version_added":"12"},{"prefix":"-webkit-","version_added":"12"}],"firefox":[{"version_added":"16"},{"prefix":"-webkit-","version_added":"49"}],"firefox_android":[{"version_added":"16"},{"prefix":"-webkit-","version_added":"49"}],"ie":[{"version_added":"10","notes":"Internet Explorer does not support the global values <code>initial</code> and <code>unset</code>."},{"prefix":"-webkit-","version_added":"11"},{"prefix":"-ms-","version_added":"9","notes":"Internet Explorer 5.5 or later supports a proprietary <a href='https://msdn.microsoft.com/en-us/library/ms533014(VS.85,loband).aspx'>Matrix Filter</a> which can be used to achieve a similar effect."}],"opera":[{"version_added":"23"},{"prefix":"-webkit-","version_added":"15"},{"version_added":"12.1","version_removed":"15"},{"prefix":"-o-","version_added":"10.5","version_removed":"15"}],"opera_android":[{"version_added":"24"},{"prefix":"-webkit-","version_added":"14"},{"version_added":"12.1","version_removed":"14"},{"prefix":"-o-","version_added":"11","version_removed":"14"}],"safari":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"3.1"}],"safari_ios":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"3.2"}],"samsunginternet_android":[{"version_added":"3.0"},{"prefix":"-webkit-","version_added":"1.0"}],"webview_android":[{"version_added":"37"},{"prefix":"-webkit-","version_added":"2","notes":"Android 2.3 has a bug where input forms will \"jump\" when typing, if any container element has a <code>-webkit-transform</code>."}]},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"3d":{"__compat":{"description":"3D support","matches":{"keywords":["matrix3d","translate3d","translateZ","scale3d","scaleZ","rotate3d","rotateX","rotateY","rotateZ","perspective"]},"support":{"chrome":{"version_added":"12"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"16"},"firefox_android":{"version_added":"16"},"ie":{"version_added":"10","notes":"Internet Explorer 9.0 or earlier has no support for 3D transforms. Mixing 3D and 2D transform functions, such as <code>-ms-transform:rotate(10deg) translateZ(0);</code>, will prevent the entire property from being applied."},"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":"4"},"safari_ios":{"version_added":"3.2"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"prefix":"-webkit-","version_added":"3"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"transition-delay":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/transition-delay","spec_url":"https://drafts.csswg.org/css-transitions/#transition-delay-property","support":{"chrome":[{"version_added":"26"},{"prefix":"-webkit-","version_added":"1"}],"chrome_android":[{"version_added":"26"},{"prefix":"-webkit-","version_added":"18"}],"edge":[{"version_added":"12"},{"prefix":"-webkit-","version_added":"12"}],"firefox":[{"version_added":"16"},{"prefix":"-moz-","version_added":"4"},{"version_added":"49","prefix":"-webkit-"}],"firefox_android":[{"version_added":"16"},{"prefix":"-moz-","version_added":"4"},{"version_added":"49","prefix":"-webkit-"}],"ie":[{"version_added":"10"},{"prefix":"-ms-","version_added":"10"}],"opera":[{"version_added":"12.1"},{"prefix":"-webkit-","version_added":"15"},{"prefix":"-o-","version_added":"11.6","version_removed":"15"}],"opera_android":[{"version_added":"12.1"},{"prefix":"-webkit-","version_added":"14"},{"prefix":"-o-","version_added":"12","version_removed":"14"}],"safari":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"4"}],"safari_ios":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"2"}],"samsunginternet_android":[{"version_added":"1.5"},{"prefix":"-webkit-","version_added":"1.0"}],"webview_android":[{"version_added":"≤37"},{"prefix":"-webkit-","version_added":"2"}]},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"transition-duration":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/transition-duration","spec_url":"https://drafts.csswg.org/css-transitions/#transition-duration-property","support":{"chrome":[{"version_added":"26"},{"prefix":"-webkit-","version_added":"1"}],"chrome_android":[{"version_added":"26"},{"prefix":"-webkit-","version_added":"18"}],"edge":[{"version_added":"12"},{"prefix":"-webkit-","version_added":"12"}],"firefox":[{"version_added":"16"},{"prefix":"-moz-","version_added":"4"},{"version_added":"49","prefix":"-webkit-"}],"firefox_android":[{"version_added":"16"},{"prefix":"-moz-","version_added":"4"},{"version_added":"49","prefix":"-webkit-"}],"ie":[{"version_added":"10"},{"prefix":"-ms-","version_added":"10"}],"opera":[{"version_added":"12.1"},{"prefix":"-webkit-","version_added":"15"},{"prefix":"-o-","version_added":"10","version_removed":"15"}],"opera_android":[{"version_added":"12.1"},{"prefix":"-webkit-","version_added":"14"},{"prefix":"-o-","version_added":"10.1","version_removed":"14"}],"safari":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"3.1"}],"safari_ios":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"2"}],"samsunginternet_android":[{"version_added":"1.5"},{"prefix":"-webkit-","version_added":"1.0"}],"webview_android":[{"version_added":"≤37"},{"prefix":"-webkit-","version_added":"2"}]},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"transition-property":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/transition-property","spec_url":"https://drafts.csswg.org/css-transitions/#transition-property-property","support":{"chrome":[{"version_added":"26"},{"prefix":"-webkit-","version_added":"1"}],"chrome_android":[{"version_added":"26"},{"prefix":"-webkit-","version_added":"18"}],"edge":[{"version_added":"12"},{"prefix":"-webkit-","version_added":"12"}],"firefox":[{"version_added":"16"},{"prefix":"-moz-","version_added":"4"},{"version_added":"49","prefix":"-webkit-"}],"firefox_android":[{"version_added":"16"},{"prefix":"-moz-","version_added":"4"},{"version_added":"49","prefix":"-webkit-"}],"ie":[{"version_added":"10"},{"prefix":"-ms-","version_added":"10"}],"opera":[{"version_added":"12.1"},{"prefix":"-webkit-","version_added":"15"},{"prefix":"-o-","version_added":"11.6","version_removed":"15"}],"opera_android":[{"version_added":"12.1"},{"prefix":"-webkit-","version_added":"14"},{"prefix":"-o-","version_added":"12","version_removed":"14"}],"safari":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"3.1"}],"safari_ios":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"2"}],"samsunginternet_android":[{"version_added":"1.5"},{"prefix":"-webkit-","version_added":"1.0"}],"webview_android":[{"version_added":"≤37"},{"prefix":"-webkit-","version_added":"≤37"}]},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"IDENT_value":{"__compat":{"description":"<code>IDENT</code> value","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"16"},"firefox_android":{"version_added":"16"},"ie":{"version_added":"10"},"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":"4"},"safari_ios":{"version_added":"3"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"transition-timing-function":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/transition-timing-function","spec_url":"https://drafts.csswg.org/css-transitions/#transition-timing-function-property","support":{"chrome":[{"version_added":"26"},{"prefix":"-webkit-","version_added":"1"}],"chrome_android":[{"version_added":"26"},{"prefix":"-webkit-","version_added":"18"}],"edge":[{"version_added":"12"},{"prefix":"-webkit-","version_added":"12"}],"firefox":[{"version_added":"16"},{"prefix":"-moz-","version_added":"4"},{"version_added":"49","prefix":"-webkit-"}],"firefox_android":[{"version_added":"16"},{"prefix":"-moz-","version_added":"4"},{"version_added":"49","prefix":"-webkit-"}],"ie":[{"version_added":"10"},{"prefix":"-ms-","version_added":"10"}],"opera":[{"version_added":"12.1"},{"prefix":"-webkit-","version_added":"15"},{"prefix":"-o-","version_added":"11.6","version_removed":"15"}],"opera_android":[{"version_added":"12.1"},{"prefix":"-webkit-","version_added":"14"},{"prefix":"-o-","version_added":"12","version_removed":"14"}],"safari":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"3.1"}],"safari_ios":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"2"}],"samsunginternet_android":[{"version_added":"1.5"},{"prefix":"-webkit-","version_added":"1.0"}],"webview_android":[{"version_added":"≤37"},{"prefix":"-webkit-","version_added":"≤37"}]},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"jump":{"__compat":{"description":"<code>jump-</code> keywords for <code>steps()</code>","support":{"chrome":{"version_added":"77"},"chrome_android":{"version_added":"77"},"edge":{"version_added":"79"},"firefox":{"version_added":"65"},"firefox_android":{"version_added":"65"},"ie":{"version_added":false},"opera":{"version_added":"64"},"opera_android":{"version_added":"55"},"safari":{"version_added":"14"},"safari_ios":{"version_added":"14"},"samsunginternet_android":{"version_added":"12.0"},"webview_android":{"version_added":"77"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"transition":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/transition","spec_url":"https://drafts.csswg.org/css-transitions/#transition-shorthand-property","support":{"chrome":[{"version_added":"26"},{"prefix":"-webkit-","version_added":"1"}],"chrome_android":[{"version_added":"26"},{"prefix":"-webkit-","version_added":"18"}],"edge":[{"version_added":"12"},{"prefix":"-webkit-","version_added":"12"}],"firefox":[{"version_added":"16","notes":["Before Firefox 57, transitions do not work when transitioning from a <a href='https://developer.mozilla.org/docs/Web/CSS/text-shadow'><code>text-shadow</code></a> with a color specified to a <code>text-shadow</code> without a color specified (see <A href='https://bugzil.la/726550'>bug 726550</a>).","Before Firefox 57, cancelling a filling animation (for example, with <code>animation-fill-mode: forwards</code> set) can trigger a transition set on the same element, although only once (see <a href='https://bugzil.la/1192592'>bug 1192592</a> and <a href='https://bug1192592.bmoattachments.org/attachment.cgi?id=8843824'>these test cases</a> for more information).","Before Firefox 57, the <a href='https://developer.mozilla.org/docs/Web/CSS/background-position'><code>background-position</code></a> property can't be transitioned between two values containing different numbers of <a href='https://developer.mozilla.org/docs/Web/CSS/position_value'><code>&lt;position&gt;</code></a> values, for example <code>background-position: 10px 10px;</code> and <code>background-position: 20px 20px, 30px 30px;</code> (see <a href='https://bugzil.la/1390446'>bug 1390446</a>)."]},{"prefix":"-moz-","version_added":"4"},{"version_added":"49","prefix":"-webkit-"}],"firefox_android":[{"version_added":"16","notes":["Before Firefox 57, transitions do not work when transitioning from a <a href='https://developer.mozilla.org/docs/Web/CSS/text-shadow'><code>text-shadow</code></a> with a color specified to a <code>text-shadow</code> without a color specified (see <A href='https://bugzil.la/726550'>bug 726550</a>).","Before Firefox 57, cancelling a filling animation (for example, with <code>animation-fill-mode: forwards</code> set) can trigger a transition set on the same element, although only once (see <a href='https://bugzil.la/1192592'>bug 1192592</a> and <a href='https://bug1192592.bmoattachments.org/attachment.cgi?id=8843824'>these test cases</a> for more information).","Before Firefox 57, the <a href='https://developer.mozilla.org/docs/Web/CSS/background-position'><code>background-position</code></a> property can't be transitioned between two values containing different numbers of <a href='https://developer.mozilla.org/docs/Web/CSS/position_value'><code>&lt;position&gt;</code></a> values, for example <code>background-position: 10px 10px;</code> and <code>background-position: 20px 20px, 30px 30px;</code> (see <a href='https://bugzil.la/1390446'>bug 1390446</a>)."]},{"prefix":"-moz-","version_added":"4"},{"version_added":"49","prefix":"-webkit-"}],"ie":[{"version_added":"10"},{"prefix":"-ms-","version_added":"10"}],"opera":[{"version_added":"12.1"},{"prefix":"-webkit-","version_added":"15"},{"prefix":"-o-","version_added":"10.1","version_removed":"15"}],"opera_android":[{"version_added":"12.1"},{"prefix":"-webkit-","version_added":"14"},{"prefix":"-o-","version_added":"10.1","version_removed":"14"}],"safari":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"3.1"}],"safari_ios":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"2"}],"samsunginternet_android":[{"version_added":"1.5"},{"prefix":"-webkit-","version_added":"1.0"}],"webview_android":[{"version_added":"≤37"},{"prefix":"-webkit-","version_added":"2"}]},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"gradients":{"__compat":{"description":"Gradients","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":"12","version_removed":"79"},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"version_added":"10"},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"translate":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/translate","spec_url":"https://drafts.csswg.org/css-transforms-2/#individual-transforms","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":[{"version_added":"72"},{"version_added":"60","version_removed":"72","flags":[{"type":"preference","name":"layout.css.individual-transform.enabled","value_to_set":"true"}]}],"firefox_android":{"version_added":"60","flags":[{"type":"preference","name":"layout.css.individual-transform.enabled","value_to_set":"true"}]},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":"14.1"},"safari_ios":{"version_added":"14.5"},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"unicode-bidi":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/unicode-bidi","spec_url":"https://drafts.csswg.org/css-writing-modes/#unicode-bidi","support":{"chrome":{"version_added":"2"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"5.5"},"opera":{"version_added":"9.2"},"opera_android":{"version_added":"10.1"},"safari":{"version_added":"1.3"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"1"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"isolate":{"__compat":{"description":"<code>isolate</code>","support":{"chrome":[{"version_added":"48"},{"prefix":"-webkit-","version_added":"16","notes":["Avoiding using <code>-webkit-isolate</code>. It can lock up older versions of Safari (up to version 9) and Chrome (up to version 47).","Since Chrome 19, the syntax from a previous version of the specification, where the <code>isolate</code> keyword could be used together with <code>bidi-override</code>, is allowed."]}],"chrome_android":{"version_added":"48"},"edge":[{"version_added":"79"},{"prefix":"-webkit-","version_added":"79"}],"firefox":[{"version_added":"50"},{"prefix":"-moz-","version_added":"10","version_removed":"54","notes":"From Firefox 10 to Firefox 16 (inclusive), the <code>isolate</code> keyword could be used together with <code>bidi-override</code>, which was the syntax from a previous version of the specification. From Firefox 17, only one value is allowed. Use <code>isolate-override</code> instead the previous <code>isolate bidi-override</code>."}],"firefox_android":[{"version_added":"50"},{"prefix":"-moz-","version_added":"10","version_removed":"54","notes":"From Firefox 10 to Firefox 16 (inclusive), the <code>isolate</code> keyword could be used together with <code>bidi-override</code>, which was the syntax from a previous version of the specification. From Firefox 17, only one value is allowed. Use <code>isolate-override</code> instead the previous <code>isolate bidi-override</code>."}],"ie":{"version_added":false},"opera":[{"version_added":"35"},{"prefix":"-webkit-","version_added":"15","notes":["Avoiding using <code>-webkit-isolate</code>. It can lock up older versions of Opera (up to version 34).","The syntax from a previous version of the specification, where the <code>isolate</code> keyword could be used together with <code>bidi-override</code>, is allowed."]}],"opera_android":{"version_added":"35"},"safari":[{"version_added":"11"},{"prefix":"-webkit-","version_added":"6","notes":"Avoiding using <code>-webkit-isolate</code>. It can lock up older versions of Safari (up to version 9) and Chrome (up to version 47)."}],"safari_ios":[{"version_added":"11"},{"prefix":"-webkit-","version_added":"6","notes":"Avoiding using <code>-webkit-isolate</code>. It can lock up older versions of Safari (up to version 9) and Chrome (up to version 47)."}],"samsunginternet_android":{"version_added":"5.0"},"webview_android":{"version_added":"48"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"isolate-override":{"__compat":{"description":"<code>isolate-override</code>","support":{"chrome":{"version_added":"48"},"chrome_android":{"version_added":"48"},"edge":{"version_added":"79"},"firefox":[{"version_added":"50"},{"prefix":"-moz-","version_added":"17","version_removed":"54"}],"firefox_android":[{"version_added":"50"},{"prefix":"-moz-","version_added":"17","version_removed":"54"}],"ie":{"version_added":false},"opera":{"version_added":"35"},"opera_android":{"version_added":"35"},"safari":[{"version_added":"11"},{"prefix":"-webkit-","version_added":"7"}],"safari_ios":[{"version_added":"11"},{"prefix":"-webkit-","version_added":"7"}],"samsunginternet_android":{"version_added":"5.0"},"webview_android":{"version_added":"48"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"plaintext":{"__compat":{"description":"<code>plaintext</code>","support":{"chrome":{"version_added":"48"},"chrome_android":{"version_added":"48"},"edge":{"version_added":"79"},"firefox":[{"version_added":"50"},{"prefix":"-moz-","version_added":"10","version_removed":"54","notes":["Before Firefox 50, the <code>plaintext</code> value was ignored for vertical writing modes (<a href='https://bugzil.la/1302734'>bug 1302734</a>).","Before Firefox 15, <code>plaintext</code> didn't do anything to an inline element. The specification changed and the implementation was changed in Firefox 15."]}],"firefox_android":[{"version_added":"50"},{"prefix":"-moz-","version_added":"10","version_removed":"54","notes":["Before Firefox 50, the <code>plaintext</code> value was ignored for vertical writing modes (<a href='https://bugzil.la/1302734'>bug 1302734</a>).","Before Firefox 15, <code>plaintext</code> didn't do anything to an inline element. The specification changed and the implementation was changed in Firefox 15."]}],"ie":{"version_added":false},"opera":{"version_added":"35"},"opera_android":{"version_added":"35"},"safari":[{"version_added":"11"},{"prefix":"-webkit-","version_added":"6"}],"safari_ios":[{"version_added":"11"},{"prefix":"-webkit-","version_added":"6"}],"samsunginternet_android":{"version_added":"5.0"},"webview_android":{"version_added":"48"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"user-modify":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/user-modify","support":{"chrome":{"prefix":"-webkit-","version_added":"1"},"chrome_android":{"prefix":"-webkit-","version_added":"18"},"edge":{"prefix":"-webkit-","version_added":"12"},"firefox":{"prefix":"-moz-","version_added":"1","partial_implementation":true,"notes":["While the CSS property is parsed and accepted, it does not have any effect.","Scheduled for removal (see <a href='https://bugzil.la/1388910'>bug 1388910</a>)."]},"firefox_android":{"prefix":"-moz-","version_added":"4","partial_implementation":true,"notes":["While the CSS property is parsed and accepted, it does not have any effect.","Scheduled for removal (see <a href='https://bugzil.la/1388910'>bug 1388910</a>)."]},"ie":{"version_added":false},"opera":{"prefix":"-webkit-","version_added":"15"},"opera_android":{"prefix":"-webkit-","version_added":"14"},"safari":[{"version_added":"3","prefix":"-webkit-"},{"version_added":"2","version_removed":"3","prefix":"-khtml-"}],"safari_ios":{"version_added":"5","prefix":"-webkit-"},"samsunginternet_android":{"version_added":"1.0","prefix":"-webkit-"},"webview_android":{"prefix":"-webkit-","version_added":"37"}},"status":{"experimental":false,"standard_track":false,"deprecated":true}},"read-write-plaintext-only":{"__compat":{"support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":"3"},"safari_ios":{"version_added":"5"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":false,"deprecated":true}}}},"user-select":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/user-select","spec_url":"https://drafts.csswg.org/css-ui/#content-selection","support":{"chrome":[{"version_added":"54"},{"prefix":"-webkit-","version_added":"1"}],"chrome_android":[{"version_added":"54"},{"prefix":"-webkit-","version_added":"18"}],"edge":[{"version_added":"79"},{"prefix":"-ms-","version_added":"12","version_removed":"79"},{"prefix":"-webkit-","version_added":"12"}],"firefox":[{"version_added":"69"},{"prefix":"-webkit-","version_added":"49"},{"prefix":"-moz-","version_added":"1"}],"firefox_android":[{"version_added":"79"},{"prefix":"-webkit-","version_added":"49"},{"prefix":"-moz-","version_added":"4"}],"ie":{"prefix":"-ms-","version_added":"10"},"opera":[{"version_added":"41"},{"prefix":"-webkit-","version_added":"15"}],"opera_android":[{"version_added":"41"},{"prefix":"-webkit-","version_added":"14"}],"safari":[{"version_added":"3","prefix":"-webkit-"},{"version_added":"2","version_removed":"3","prefix":"-khtml-"}],"safari_ios":{"prefix":"-webkit-","version_added":"3"},"samsunginternet_android":[{"version_added":"6.0"},{"prefix":"-webkit-","version_added":"1.0"}],"webview_android":[{"version_added":"54"},{"prefix":"-webkit-","version_added":"≤37"}]},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"all":{"__compat":{"support":{"chrome":{"version_added":"53"},"chrome_android":{"version_added":"53"},"edge":{"version_added":"79"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":false},"opera":{"version_added":"40"},"opera_android":{"version_added":"41"},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":"6.0"},"webview_android":{"version_added":"53"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"auto":{"__compat":{"support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"10"},"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":"2"},"safari_ios":{"version_added":"3"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"contain":{"__compat":{"support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"alternative_name":"element","version_added":"12","version_removed":"79"},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"alternative_name":"element","version_added":"10"},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"none":{"__compat":{"support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":[{"version_added":"21"},{"version_added":"1","version_removed":"65","prefix":"-moz-"}],"firefox_android":[{"version_added":"21"},{"version_added":"4","version_removed":"65","prefix":"-moz-"}],"ie":{"version_added":"10"},"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":"2"},"safari_ios":{"version_added":"3"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"text":{"__compat":{"support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"10"},"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":"2","partial_implementation":true,"notes":"Allows typing in the <code>&lt;html&gt;</code> container."},"safari_ios":{"version_added":"3","partial_implementation":true,"notes":"Allows typing in the <code>&lt;html&gt;</code> container."},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"vertical-align":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/vertical-align","spec_url":"https://drafts.csswg.org/css2/#propdef-vertical-align","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"4"},"opera":{"version_added":"4"},"opera_android":{"version_added":"14"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"1"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"visibility":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/visibility","spec_url":"https://drafts.csswg.org/css2/#visibility","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"4","notes":["Internet Explorer doesn't support <code>visibility: initial</code>.","Up to Internet Explorer 7, descendants of <code>hidden</code> elements will still be invisible even if they have <code>visibility</code> set to <code>visible</code>."]},"opera":{"version_added":"4"},"opera_android":{"version_added":"10.1"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"1"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"collapse":{"__compat":{"description":"<code>collapse</code>","support":{"chrome":{"version_added":"1","notes":["Chrome treats <code>visibility: collapse</code> like <code>hidden</code>, leaving a white gap.","Chrome supports the <code>collapse</code> value only on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tr'><code>&lt;tr&gt;</code></a>, <a href='https://developer.mozilla.org/docs/Web/HTML/Element/thead' ><code>&lt;thead&gt;</code></a>, <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tbody'><code>&lt;tbody&gt;</code></a>, and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tfoot'><code>&lt;tfoot&gt;</code></a>, but not on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/col'><code>&lt;col&gt;</code></a> and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/colgroup'><code>&lt;colgroup&gt;</code></a> elements."]},"chrome_android":{"version_added":"18","notes":["Chrome treats <code>visibility: collapse</code> like <code>hidden</code>, leaving a white gap.","Chrome supports the <code>collapse</code> value only on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tr'><code>&lt;tr&gt;</code></a>, <a href='https://developer.mozilla.org/docs/Web/HTML/Element/thead' ><code>&lt;thead&gt;</code></a>, <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tbody'><code>&lt;tbody&gt;</code></a>, and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tfoot'><code>&lt;tfoot&gt;</code></a>, but not on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/col'><code>&lt;col&gt;</code></a> and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/colgroup'><code>&lt;colgroup&gt;</code></a> elements."]},"edge":{"version_added":"12"},"firefox":{"version_added":"1","notes":["Firefox doesn't hide borders when hiding <a href='https://developer.mozilla.org/docs/Web/HTML/Element/col'><code>&lt;col&gt;</code></a> and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/colgroup'><code>&lt;colgroup&gt;</code></a> elements if <code>border-collapse: collapse</code> is set.","Prior to Firefox 88, <code>collapse</code> is not supported on ruby annotations."]},"firefox_android":{"version_added":"4","notes":["Firefox doesn't hide borders when hiding <a href='https://developer.mozilla.org/docs/Web/HTML/Element/col'><code>&lt;col&gt;</code></a> and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/colgroup'><code>&lt;colgroup&gt;</code></a> elements if <code>border-collapse: collapse</code> is set.","Prior to Firefox 88, <code>collapse</code> is not supported on ruby annotations."]},"ie":{"version_added":"10"},"opera":{"version_added":"4","notes":["Opera treats <code>visibility: collapse</code> like <code>hidden</code>, leaving a white gap.","Opera supports the <code>collapse</code> value only on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tr'><code>&lt;tr&gt;</code></a>, <a href='https://developer.mozilla.org/docs/Web/HTML/Element/thead' ><code>&lt;thead&gt;</code></a>, <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tbody'><code>&lt;tbody&gt;</code></a>, and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tfoot'><code>&lt;tfoot&gt;</code></a>, but not on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/col'><code>&lt;col&gt;</code></a> and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/colgroup'><code>&lt;colgroup&gt;</code></a> elements."]},"opera_android":{"version_added":"10.1","notes":["Opera treats <code>visibility: collapse</code> like <code>hidden</code>, leaving a white gap.","Opera supports the <code>collapse</code> value only on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tr'><code>&lt;tr&gt;</code></a>, <a href='https://developer.mozilla.org/docs/Web/HTML/Element/thead' ><code>&lt;thead&gt;</code></a>, <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tbody'><code>&lt;tbody&gt;</code></a>, and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tfoot'><code>&lt;tfoot&gt;</code></a>, but not on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/col'><code>&lt;col&gt;</code></a> and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/colgroup'><code>&lt;colgroup&gt;</code></a> elements."]},"safari":{"version_added":"1.3","notes":["Safari treats <code>visibility: collapse</code> like <code>hidden</code>, leaving a white gap.","Safari supports the collapse value only on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tr'><code>&lt;tr&gt;</code></a>, <a href='https://developer.mozilla.org/docs/Web/HTML/Element/thead' ><code>&lt;thead&gt;</code></a>, <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tbody'><code>&lt;tbody&gt;</code></a>, and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tfoot'><code>&lt;tfoot&gt;</code></a>, but not on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/col'><code>&lt;col&gt;</code></a> and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/colgroup'><code>&lt;colgroup&gt;</code></a> elements."]},"safari_ios":{"version_added":"1","notes":["Safari treats <code>visibility: collapse</code> like <code>hidden</code>, leaving a white gap.","Safari supports the collapse value only on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tr'><code>&lt;tr&gt;</code></a>, <a href='https://developer.mozilla.org/docs/Web/HTML/Element/thead' ><code>&lt;thead&gt;</code></a>, <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tbody'><code>&lt;tbody&gt;</code></a>, and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tfoot'><code>&lt;tfoot&gt;</code></a>, but not on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/col'><code>&lt;col&gt;</code></a> and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/colgroup'><code>&lt;colgroup&gt;</code></a> elements."]},"samsunginternet_android":{"version_added":"1.0","notes":["Samsung Internet treats <code>visibility: collapse</code> like <code>hidden</code>, leaving a white gap.","Samsung Internet supports the <code>collapse</code> value only on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tr'><code>&lt;tr&gt;</code></a>, <a href='https://developer.mozilla.org/docs/Web/HTML/Element/thead' ><code>&lt;thead&gt;</code></a>, <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tbody'><code>&lt;tbody&gt;</code></a>, and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tfoot'><code>&lt;tfoot&gt;</code></a>, but not on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/col'><code>&lt;col&gt;</code></a> and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/colgroup'><code>&lt;colgroup&gt;</code></a> elements."]},"webview_android":{"version_added":"≤37","notes":["WebView treats <code>visibility: collapse</code> like <code>hidden</code>, leaving a white gap.","WebView supports the <code>collapse</code> value only on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tr'><code>&lt;tr&gt;</code></a>, <a href='https://developer.mozilla.org/docs/Web/HTML/Element/thead' ><code>&lt;thead&gt;</code></a>, <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tbody'><code>&lt;tbody&gt;</code></a>, and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/tfoot'><code>&lt;tfoot&gt;</code></a>, but not on <a href='https://developer.mozilla.org/docs/Web/HTML/Element/col'><code>&lt;col&gt;</code></a> and <a href='https://developer.mozilla.org/docs/Web/HTML/Element/colgroup'><code>&lt;colgroup&gt;</code></a> elements."]}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"white-space":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/white-space","spec_url":"https://drafts.csswg.org/css-text/#white-space-property","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"5.5"},"opera":{"version_added":"4"},"opera_android":{"version_added":"10.1"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"1"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"break-spaces":{"__compat":{"description":"<code>break-spaces</code>","support":{"chrome":{"version_added":"76"},"chrome_android":{"version_added":"76"},"edge":{"version_added":"79"},"firefox":{"version_added":"69"},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":"62"},"opera_android":{"version_added":"54"},"safari":{"version_added":"13.1"},"safari_ios":{"version_added":"13.4"},"samsunginternet_android":{"version_added":"12.0"},"webview_android":{"version_added":"76"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"nowrap":{"__compat":{"description":"<code>nowrap</code>","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"5.5"},"opera":{"version_added":"4"},"opera_android":{"version_added":"10.1"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"1"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"pre":{"__compat":{"description":"<code>pre</code>","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"6"},"opera":{"version_added":"4"},"opera_android":{"version_added":"14"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"pre-line":{"__compat":{"description":"<code>pre-line</code>","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"3.5"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"8"},"opera":{"version_added":"9.5"},"opera_android":{"version_added":"14"},"safari":{"version_added":"3"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"pre-wrap":{"__compat":{"description":"<code>pre-wrap</code>","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":[{"version_added":"3"},{"prefix":"-moz-","version_added":"1","version_removed":"3.6"}],"firefox_android":{"version_added":"4"},"ie":{"version_added":"8","notes":"From Internet Explorer 5.5 to 7, <code>word-wrap: break-word;</code> can be used for line breaks in <code>pre</code> elements."},"opera":{"version_added":"8"},"opera_android":{"version_added":"14"},"safari":{"version_added":"3"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"svg_support":{"__compat":{"description":"Support in SVG","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":"12","version_removed":"79"},"firefox":{"version_added":"36"},"firefox_android":{"version_added":"36"},"ie":{"version_added":"10"},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"textarea_support":{"__compat":{"description":"Support on <code>&lt;textarea&gt;</code>","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"36"},"firefox_android":{"version_added":"36"},"ie":{"version_added":"5.5"},"opera":{"version_added":"4"},"opera_android":{"version_added":"14"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"widows":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/widows","spec_url":["https://drafts.csswg.org/css-break/#widows-orphans","https://drafts.csswg.org/css-multicol/#filling-columns"],"support":{"chrome":{"version_added":"25"},"chrome_android":{"version_added":"25"},"edge":{"version_added":"12"},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"version_added":"8"},"opera":{"version_added":"9.2"},"opera_android":{"version_added":"14"},"safari":{"version_added":"1.3"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.5"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"width":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/width","spec_url":"https://drafts.csswg.org/css-sizing-4/#width-height-keywords","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"4"},"opera":{"version_added":"3.5"},"opera_android":{"version_added":"10.1"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"1"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"animatable":{"__compat":{"description":"Animatable","support":{"chrome":{"version_added":"26"},"chrome_android":{"version_added":"26"},"edge":{"version_added":"12"},"firefox":{"version_added":"16"},"firefox_android":{"version_added":"16"},"ie":{"version_added":"11"},"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":"6.1"},"safari_ios":{"version_added":"6.1"},"samsunginternet_android":{"version_added":"1.5"},"webview_android":{"version_added":"4.4"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"fill":{"__compat":{"description":"<code>fill</code>","support":{"chrome":{"version_added":"46"},"chrome_android":{"version_added":"46"},"edge":{"version_added":"79"},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":"33"},"opera_android":{"version_added":"33"},"safari":{"version_added":"12"},"safari_ios":{"version_added":"12"},"samsunginternet_android":{"version_added":"5.0"},"webview_android":{"version_added":"46"}},"status":{"experimental":true,"standard_track":false,"deprecated":false}}},"fit-content":{"__compat":{"spec_url":"https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content","description":"<code>fit-content</code>","support":{"chrome":[{"version_added":"46"},{"prefix":"-webkit-","version_added":"22"},{"alternative_name":"intrinsic","version_added":"1","version_removed":"48"}],"chrome_android":[{"version_added":"46"},{"prefix":"-webkit-","version_added":"25"},{"alternative_name":"intrinsic","version_added":"18","version_removed":"48"}],"edge":[{"version_added":"79"},{"prefix":"-webkit-","version_added":"79"}],"firefox":{"prefix":"-moz-","version_added":"3"},"firefox_android":{"prefix":"-moz-","version_added":"4"},"ie":{"version_added":false},"opera":[{"version_added":"33"},{"prefix":"-webkit-","version_added":"15"},{"alternative_name":"intrinsic","version_added":"15","version_removed":"35"}],"opera_android":[{"version_added":"33"},{"prefix":"-webkit-","version_added":"14"},{"alternative_name":"intrinsic","version_added":"14","version_removed":"35"}],"safari":[{"version_added":"11"},{"prefix":"-webkit-","version_added":"7"},{"alternative_name":"intrinsic","version_added":"2"}],"safari_ios":[{"version_added":"11"},{"prefix":"-webkit-","version_added":"7"},{"alternative_name":"intrinsic","version_added":"1"}],"samsunginternet_android":[{"version_added":"5.0"},{"prefix":"-webkit-","version_added":"1.5"},{"alternative_name":"intrinsic","version_added":"1.0","version_removed":"5.0"}],"webview_android":[{"version_added":"46"},{"prefix":"-webkit-","version_added":"≤37"},{"alternative_name":"intrinsic","version_added":"1","version_removed":"48"}]},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"fit-content_function":{"__compat":{"description":"<code>fit-content()</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"91","flags":[{"type":"preference","name":"layout.css.fit-content-function.enabled"}]},"firefox_android":{"version_added":"91","flags":[{"type":"preference","name":"layout.css.fit-content-function.enabled"}]},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":true,"standard_track":true,"deprecated":false}}},"max-content":{"__compat":{"spec_url":"https://drafts.csswg.org/css-sizing-3/#valdef-width-max-content","description":"<code>max-content</code>","support":{"chrome":[{"version_added":"46"},{"prefix":"-webkit-","version_added":"22"}],"chrome_android":{"version_added":"46"},"edge":[{"version_added":"79"},{"prefix":"-webkit-","version_added":"79"}],"firefox":[{"version_added":"66"},{"version_added":"3","prefix":"-moz-"}],"firefox_android":[{"version_added":"66"},{"version_added":"4","prefix":"-moz-"}],"ie":{"version_added":false},"opera":{"version_added":"44"},"opera_android":{"version_added":"43"},"safari":[{"version_added":"11"},{"alternative_name":"intrinsic","version_added":"2"}],"safari_ios":[{"version_added":"11"},{"alternative_name":"intrinsic","version_added":"1"}],"samsunginternet_android":{"version_added":"5.0"},"webview_android":{"version_added":"46"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"min-content":{"__compat":{"spec_url":"https://drafts.csswg.org/css-sizing-3/#valdef-width-min-content","description":"<code>min-content</code>","support":{"chrome":[{"version_added":"46"},{"alternative_name":"min-intrinsic","version_added":"1","version_removed":"48"}],"chrome_android":[{"version_added":"46"},{"alternative_name":"min-intrinsic","version_added":"18","version_removed":"48"}],"edge":{"version_added":"79"},"firefox":[{"version_added":"66"},{"version_added":"3","prefix":"-moz-"}],"firefox_android":[{"version_added":"66"},{"version_added":"4","prefix":"-moz-"}],"ie":{"version_added":false},"opera":[{"version_added":"33"},{"alternative_name":"min-intrinsic","version_added":"15","version_removed":"35"}],"opera_android":[{"version_added":"33"},{"alternative_name":"min-intrinsic","version_added":"14","version_removed":"35"}],"safari":[{"version_added":"11"},{"alternative_name":"min-intrinsic","version_added":"2"}],"safari_ios":[{"version_added":"11"},{"alternative_name":"min-intrinsic","version_added":"1"}],"samsunginternet_android":[{"version_added":"5.0"},{"alternative_name":"min-intrinsic","version_added":"1.0","version_removed":"5.0"}],"webview_android":[{"version_added":"46"},{"alternative_name":"min-intrinsic","version_added":"1","version_removed":"48"}]},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"stretch":{"__compat":{"description":"<code>stretch</code>","support":{"chrome":{"alternative_name":"-webkit-fill-available","version_added":"22"},"chrome_android":{"alternative_name":"-webkit-fill-available","version_added":"25"},"edge":{"alternative_name":"-webkit-fill-available","version_added":"79"},"firefox":{"alternative_name":"-moz-available","version_added":"3"},"firefox_android":{"alternative_name":"-moz-available","version_added":"4"},"ie":{"version_added":false},"opera":{"alternative_name":"-webkit-fill-available","version_added":"15"},"opera_android":{"alternative_name":"-webkit-fill-available","version_added":"14"},"safari":{"alternative_name":"-webkit-fill-available","version_added":"6.1"},"safari_ios":{"alternative_name":"-webkit-fill-available","version_added":"6.1"},"samsunginternet_android":{"version_added":"5.0","alternative_name":"-webkit-fill-available"},"webview_android":{"alternative_name":"-webkit-fill-available","version_added":"4.4"}},"status":{"experimental":true,"standard_track":true,"deprecated":false}}}},"will-change":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/will-change","spec_url":"https://drafts.csswg.org/css-will-change/#will-change","support":{"chrome":{"version_added":"36"},"chrome_android":{"version_added":"36"},"edge":{"version_added":"79"},"firefox":{"version_added":"36"},"firefox_android":{"version_added":"36"},"ie":{"version_added":false},"opera":{"version_added":"24"},"opera_android":{"version_added":"24"},"safari":{"version_added":"9.1"},"safari_ios":{"version_added":"9.3"},"samsunginternet_android":{"version_added":"3.0"},"webview_android":{"version_added":"37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"word-break":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/word-break","spec_url":"https://drafts.csswg.org/css-text/#word-break-property","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"15"},"firefox_android":{"version_added":"15"},"ie":[{"version_added":"5.5","notes":"No version of Internet Explorer supports the <code>initial</code> value."},{"prefix":"-ms-","version_added":"8","notes":"Don't use <code>-ms-word-break</code>, which is a synonym for <code>word-break</code>."}],"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":"3"},"safari_ios":{"version_added":"2"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"break-word":{"__compat":{"description":"<code>break-word</code>","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"79"},"firefox":{"version_added":"67"},"firefox_android":{"version_added":"67"},"ie":{"version_added":false},"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":"3"},"safari_ios":{"version_added":"2"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"keep-all":{"__compat":{"description":"<code>keep-all</code>","support":{"chrome":{"version_added":"44"},"chrome_android":{"version_added":"44"},"edge":{"version_added":"12"},"firefox":{"version_added":"15"},"firefox_android":{"version_added":"15"},"ie":{"version_added":"5.5"},"opera":{"version_added":"31"},"opera_android":{"version_added":"32"},"safari":{"version_added":"9"},"safari_ios":{"version_added":"9"},"samsunginternet_android":{"version_added":"4.0"},"webview_android":{"version_added":"44"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"word-spacing":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/word-spacing","spec_url":"https://drafts.csswg.org/css-text/#word-spacing-property","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"6"},"opera":{"version_added":"3.5"},"opera_android":{"version_added":"14"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"1"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"percentages":{"__compat":{"description":"<code>&lt;percentage&gt;</code> values","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"45"},"firefox_android":{"version_added":"45"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":"6.1"},"safari_ios":{"version_added":"6.1"},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"svg":{"__compat":{"description":"SVG support","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"72"},"firefox_android":{"version_added":false},"ie":{"version_added":"9"},"opera":{"version_added":"7"},"opera_android":{"version_added":"14"},"safari":{"version_added":"5.1"},"safari_ios":{"version_added":"5"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"writing-mode":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/writing-mode","spec_url":"https://drafts.csswg.org/css-writing-modes/#block-flow","support":{"chrome":[{"version_added":"48"},{"prefix":"-webkit-","version_added":"8"}],"chrome_android":[{"version_added":"48"},{"prefix":"-webkit-","version_added":"18"}],"edge":[{"version_added":"12"},{"prefix":"-webkit-","version_added":"12"}],"firefox":{"version_added":"41","notes":"Firefox 42 added support for bidirectional and RTL scripts in vertical modes."},"firefox_android":{"version_added":"41","notes":"Firefox 42 added support for bidirectional and RTL scripts in vertical modes."},"ie":[{"version_added":"9","notes":"Internet Explorer's implementation differs from the specification."},{"prefix":"-ms-","version_added":"9","notes":"Internet Explorer's implementation differs from the specification."}],"opera":[{"version_added":"35"},{"prefix":"-webkit-","version_added":"15"}],"opera_android":[{"version_added":"35"},{"prefix":"-webkit-","version_added":"14"}],"safari":[{"version_added":"10.1"},{"prefix":"-webkit-","version_added":"5.1"}],"safari_ios":[{"version_added":"10.3"},{"prefix":"-webkit-","version_added":"5"}],"samsunginternet_android":[{"version_added":"5.0"},{"prefix":"-webkit-","version_added":"1.0"}],"webview_android":[{"version_added":"48"},{"prefix":"-webkit-","version_added":"3"}]},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"horizontal_vertical_values":{"__compat":{"description":"<code>horizontal-tb</code>, <code>vertical-lr</code>, and <code>vertical-rl</code>","support":{"chrome":{"version_added":"48"},"chrome_android":{"version_added":"48"},"edge":{"version_added":"79"},"firefox":{"version_added":"43"},"firefox_android":{"version_added":"43"},"ie":{"version_added":false},"opera":{"version_added":"35"},"opera_android":{"version_added":"35"},"safari":{"version_added":"9"},"safari_ios":{"version_added":"9"},"samsunginternet_android":{"version_added":"5.0"},"webview_android":{"version_added":"48"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"sideways_values":{"__compat":{"description":"<code>sideways-lr</code> and <code>sideways-rl</code>","support":{"chrome":{"version_added":false},"chrome_android":{"version_added":false},"edge":{"version_added":false},"firefox":{"version_added":"43"},"firefox_android":{"version_added":"43"},"ie":{"version_added":false},"opera":{"version_added":false},"opera_android":{"version_added":false},"safari":{"version_added":false},"safari_ios":{"version_added":false},"samsunginternet_android":{"version_added":false},"webview_android":{"version_added":false}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}},"svg_values":{"__compat":{"description":"<code>lr</code>, <code>lr-tb</code>, <code>rl</code>, <code>rl-tb</code>, <code>tb</code>, and <code>tb-rl</code>","support":{"chrome":{"version_added":"48"},"chrome_android":{"version_added":"48"},"edge":{"version_added":"12"},"firefox":{"version_added":"43"},"firefox_android":{"version_added":"43"},"ie":{"version_added":"9"},"opera":{"version_added":"35"},"opera_android":{"version_added":"35"},"safari":{"version_added":"10.1"},"safari_ios":{"version_added":"10.3"},"samsunginternet_android":{"version_added":"5.0"},"webview_android":{"version_added":"48"}},"status":{"experimental":false,"standard_track":true,"deprecated":true}}}},"z-index":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/z-index","spec_url":"https://drafts.csswg.org/css2/#z-index","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"1"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"4"},"opera":{"version_added":"4"},"opera_android":{"version_added":"14"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}},"negative_values":{"__compat":{"description":"Negative values","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":"3"},"firefox_android":{"version_added":"4"},"ie":{"version_added":"4"},"opera":{"version_added":"4"},"opera_android":{"version_added":"14"},"safari":{"version_added":"1"},"safari_ios":{"version_added":"1"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":true,"deprecated":false}}}},"zoom":{"__compat":{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/zoom","support":{"chrome":{"version_added":"1"},"chrome_android":{"version_added":"18"},"edge":{"version_added":"12"},"firefox":{"version_added":false,"notes":"See <a href='https://bugzil.la/390936'>bug 390936</a>."},"firefox_android":{"version_added":false,"notes":"See <a href='https://bugzil.la/390936'>bug 390936</a>."},"ie":{"version_added":"5.5"},"opera":{"version_added":"15"},"opera_android":{"version_added":"14"},"safari":{"version_added":"3.1"},"safari_ios":{"version_added":"3"},"samsunginternet_android":{"version_added":"1.0"},"webview_android":{"version_added":"≤37"}},"status":{"experimental":false,"standard_track":false,"deprecated":false}},"reset":{"__compat":{"description":"The <code>reset</code> value","mdn_url":"https://developer.mozilla.org/docs/Web/CSS/zoom#Values","support":{"chrome":{"version_added":"1","version_removed":"59"},"chrome_android":{"version_added":"18","version_removed":"59"},"edge":{"version_added":false},"firefox":{"version_added":false},"firefox_android":{"version_added":false},"ie":{"version_added":false},"opera":{"version_added":"15","version_removed":"46"},"opera_android":{"version_added":"14","version_removed":"43"},"safari":{"version_added":"3.1"},"safari_ios":{"version_added":"3"},"samsunginternet_android":{"version_added":"1.0","version_removed":"7.0"},"webview_android":{"version_added":"≤37","version_removed":"59"}},"status":{"experimental":false,"standard_track":false,"deprecated":false}}}}}PK
!<^�+2��4chrome/devtools/modules/devtools/shared/constants.js/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

/**
 * Constants used in various panels, shared between client and the server.
 */

/* Accessibility Panel ====================================================== */

// List of audit types.
const AUDIT_TYPE = {
  CONTRAST: "CONTRAST",
  KEYBOARD: "KEYBOARD",
  TEXT_LABEL: "TEXT_LABEL",
};

// Types of issues grouped by audit types.
const ISSUE_TYPE = {
  [AUDIT_TYPE.KEYBOARD]: {
    // Focusable accessible objects have no semantics.
    FOCUSABLE_NO_SEMANTICS: "FOCUSABLE_NO_SEMANTICS",
    // Tab index greater than 0 is provided.
    FOCUSABLE_POSITIVE_TABINDEX: "FOCUSABLE_POSITIVE_TABINDEX",
    // Interactive accesible objects do not have an associated action.
    INTERACTIVE_NO_ACTION: "INTERACTIVE_NO_ACTION",
    // Interative accessible objcets are not focusable.
    INTERACTIVE_NOT_FOCUSABLE: "INTERACTIVE_NOT_FOCUSABLE",
    // Accessible objects can only be interacted with a mouse.
    MOUSE_INTERACTIVE_ONLY: "MOUSE_INTERACTIVE_ONLY",
    // Focusable accessible objects have no focus styling.
    NO_FOCUS_VISIBLE: "NO_FOCUS_VISIBLE",
  },
  [AUDIT_TYPE.TEXT_LABEL]: {
    // <AREA> name is provided via "alt" attribute.
    AREA_NO_NAME_FROM_ALT: "AREA_NO_NAME_FROM_ALT",
    // Dialog name is not provided.
    DIALOG_NO_NAME: "DIALOG_NO_NAME",
    // Document title is not provided.
    DOCUMENT_NO_TITLE: "DOCUMENT_NO_TITLE",
    // <EMBED> name is not provided.
    EMBED_NO_NAME: "EMBED_NO_NAME",
    // <FIGURE> name is not provided.
    FIGURE_NO_NAME: "FIGURE_NO_NAME",
    // <FIELDSET> name is not provided.
    FORM_FIELDSET_NO_NAME: "FORM_FIELDSET_NO_NAME",
    // <FIELDSET> name is not provided via <LEGEND> element.
    FORM_FIELDSET_NO_NAME_FROM_LEGEND: "FORM_FIELDSET_NO_NAME_FROM_LEGEND",
    // Form element's name is not provided.
    FORM_NO_NAME: "FORM_NO_NAME",
    // Form element's name is not visible.
    FORM_NO_VISIBLE_NAME: "FORM_NO_VISIBLE_NAME",
    // <OPTGROUP> name is not provided via "label" attribute.
    FORM_OPTGROUP_NO_NAME_FROM_LABEL: "FORM_OPTGROUP_NO_NAME_FROM_LABEL",
    // <FRAME> name is not provided.
    FRAME_NO_NAME: "FRAME_NO_NAME",
    // <H{1, 2, ...}> has no content.
    HEADING_NO_CONTENT: "HEADING_NO_CONTENT",
    // <H{1, 2, ...}> name is not provided.
    HEADING_NO_NAME: "HEADING_NO_NAME",
    // <IFRAME> name is not provided via "title" attribute.
    IFRAME_NO_NAME_FROM_TITLE: "IFRAME_NO_NAME_FROM_TITLE",
    // <IMG> name is not provided (including empty name).
    IMAGE_NO_NAME: "IMAGE_NO_NAME",
    // Interactive element's name is not provided.
    INTERACTIVE_NO_NAME: "INTERACTIVE_NO_NAME",
    // <MGLYPH> name is no provided.
    MATHML_GLYPH_NO_NAME: "MATHML_GLYPH_NO_NAME",
    // Toolbar's name is not provided when more than one toolbar is present.
    TOOLBAR_NO_NAME: "TOOLBAR_NO_NAME",
  },
};

// Constants associated with WCAG guidelines score system.
const SCORES = {
  // Satisfies WCAG AA guidelines.
  AA: "AA",
  // Satisfies WCAG AAA guidelines.
  AAA: "AAA",
  // Elevates accessibility experience.
  BEST_PRACTICES: "BEST_PRACTICES",
  // Does not satisfy the baseline WCAG guidelines.
  FAIL: "FAIL",
  // Partially satisfies the WCAG AA guidelines.
  WARNING: "WARNING",
};

// List of simulation types.
const SIMULATION_TYPE = {
  // No red color blindness
  PROTANOPIA: "PROTANOPIA",
  // No green color blindness
  DEUTERANOPIA: "DEUTERANOPIA",
  // No blue color blindness
  TRITANOPIA: "TRITANOPIA",
  // Absense of color vision
  ACHROMATOPSIA: "ACHROMATOPSIA",
  // Low contrast
  CONTRAST_LOSS: "CONTRAST_LOSS",
};

/* Compatibility Panel ====================================================== */

const COMPATIBILITY_ISSUE_TYPE = {
  CSS_PROPERTY: "CSS_PROPERTY",
  CSS_PROPERTY_ALIASES: "CSS_PROPERTY_ALIASES",
};

/* Style Editor ============================================================= */

// The PageStyle actor flattens the DOM CSS objects a little bit, merging
// Rules and their Styles into one actor.  For elements (which have a style
// but no associated rule) we fake a rule with the following style id.
// This `id` is intended to be used instead of a regular CSSRule Type constant.
// See https://developer.mozilla.org/en-US/docs/Web/API/CSSRule#Type_constants
const ELEMENT_STYLE = 100;

/* WebConsole Panel ========================================================= */

const MESSAGE_CATEGORY = {
  CSS_PARSER: "CSS Parser",
};

module.exports = {
  accessibility: {
    AUDIT_TYPE,
    ISSUE_TYPE,
    SCORES,
    SIMULATION_TYPE,
  },
  COMPATIBILITY_ISSUE_TYPE,
  MESSAGE_CATEGORY,
  style: {
    ELEMENT_STYLE,
  },
};
PK
!<;!1J��;chrome/devtools/modules/devtools/shared/content-observer.js/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
"use strict";

const { Ci } = require("chrome");
const Services = require("Services");

const EventEmitter = require("devtools/shared/event-emitter");

/**
 * Handles adding an observer for the creation of content document globals,
 * event sent immediately after a web content document window has been set up,
 * but before any script code has been executed.
 */
function ContentObserver(targetActor) {
  this._contentWindow = targetActor.window;
  this._onContentGlobalCreated = this._onContentGlobalCreated.bind(this);
  this._onInnerWindowDestroyed = this._onInnerWindowDestroyed.bind(this);
  this.startListening();
}

module.exports.ContentObserver = ContentObserver;

ContentObserver.prototype = {
  /**
   * Starts listening for the required observer messages.
   */
  startListening: function() {
    Services.obs.addObserver(
      this._onContentGlobalCreated,
      "content-document-global-created"
    );
    Services.obs.addObserver(
      this._onInnerWindowDestroyed,
      "inner-window-destroyed"
    );
  },

  /**
   * Stops listening for the required observer messages.
   */
  stopListening: function() {
    Services.obs.removeObserver(
      this._onContentGlobalCreated,
      "content-document-global-created"
    );
    Services.obs.removeObserver(
      this._onInnerWindowDestroyed,
      "inner-window-destroyed"
    );
  },

  /**
   * Fired immediately after a web content document window has been set up.
   */
  _onContentGlobalCreated: function(subject, topic, data) {
    if (subject == this._contentWindow) {
      EventEmitter.emit(this, "global-created", subject);
    }
  },

  /**
   * Fired when an inner window is removed from the backward/forward cache.
   */
  _onInnerWindowDestroyed: function(subject, topic, data) {
    const id = subject.QueryInterface(Ci.nsISupportsPRUint64).data;
    EventEmitter.emit(this, "global-destroyed", id);
  },
};

// Utility functions.

ContentObserver.GetInnerWindowID = function(window) {
  return window.windowGlobalChild.innerWindowId;
};
PK
!<��X[�?�?7chrome/devtools/modules/devtools/shared/css/color-db.js/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

// /!\  Auto-generated from nsColorNameList.h.
// This should be kept in sync with that list.
// test_cssColorDatabase.js tries to enforce this.

const cssColors = {
  aliceblue: [240, 248, 255, 1],
  antiquewhite: [250, 235, 215, 1],
  aqua: [0, 255, 255, 1],
  aquamarine: [127, 255, 212, 1],
  azure: [240, 255, 255, 1],
  beige: [245, 245, 220, 1],
  bisque: [255, 228, 196, 1],
  black: [0, 0, 0, 1],
  blanchedalmond: [255, 235, 205, 1],
  blue: [0, 0, 255, 1],
  blueviolet: [138, 43, 226, 1],
  brown: [165, 42, 42, 1],
  burlywood: [222, 184, 135, 1],
  cadetblue: [95, 158, 160, 1],
  chartreuse: [127, 255, 0, 1],
  chocolate: [210, 105, 30, 1],
  coral: [255, 127, 80, 1],
  cornflowerblue: [100, 149, 237, 1],
  cornsilk: [255, 248, 220, 1],
  crimson: [220, 20, 60, 1],
  cyan: [0, 255, 255, 1],
  darkblue: [0, 0, 139, 1],
  darkcyan: [0, 139, 139, 1],
  darkgoldenrod: [184, 134, 11, 1],
  darkgray: [169, 169, 169, 1],
  darkgreen: [0, 100, 0, 1],
  darkgrey: [169, 169, 169, 1],
  darkkhaki: [189, 183, 107, 1],
  darkmagenta: [139, 0, 139, 1],
  darkolivegreen: [85, 107, 47, 1],
  darkorange: [255, 140, 0, 1],
  darkorchid: [153, 50, 204, 1],
  darkred: [139, 0, 0, 1],
  darksalmon: [233, 150, 122, 1],
  darkseagreen: [143, 188, 143, 1],
  darkslateblue: [72, 61, 139, 1],
  darkslategray: [47, 79, 79, 1],
  darkslategrey: [47, 79, 79, 1],
  darkturquoise: [0, 206, 209, 1],
  darkviolet: [148, 0, 211, 1],
  deeppink: [255, 20, 147, 1],
  deepskyblue: [0, 191, 255, 1],
  dimgray: [105, 105, 105, 1],
  dimgrey: [105, 105, 105, 1],
  dodgerblue: [30, 144, 255, 1],
  firebrick: [178, 34, 34, 1],
  floralwhite: [255, 250, 240, 1],
  forestgreen: [34, 139, 34, 1],
  fuchsia: [255, 0, 255, 1],
  gainsboro: [220, 220, 220, 1],
  ghostwhite: [248, 248, 255, 1],
  gold: [255, 215, 0, 1],
  goldenrod: [218, 165, 32, 1],
  gray: [128, 128, 128, 1],
  grey: [128, 128, 128, 1],
  green: [0, 128, 0, 1],
  greenyellow: [173, 255, 47, 1],
  honeydew: [240, 255, 240, 1],
  hotpink: [255, 105, 180, 1],
  indianred: [205, 92, 92, 1],
  indigo: [75, 0, 130, 1],
  ivory: [255, 255, 240, 1],
  khaki: [240, 230, 140, 1],
  lavender: [230, 230, 250, 1],
  lavenderblush: [255, 240, 245, 1],
  lawngreen: [124, 252, 0, 1],
  lemonchiffon: [255, 250, 205, 1],
  lightblue: [173, 216, 230, 1],
  lightcoral: [240, 128, 128, 1],
  lightcyan: [224, 255, 255, 1],
  lightgoldenrodyellow: [250, 250, 210, 1],
  lightgray: [211, 211, 211, 1],
  lightgreen: [144, 238, 144, 1],
  lightgrey: [211, 211, 211, 1],
  lightpink: [255, 182, 193, 1],
  lightsalmon: [255, 160, 122, 1],
  lightseagreen: [32, 178, 170, 1],
  lightskyblue: [135, 206, 250, 1],
  lightslategray: [119, 136, 153, 1],
  lightslategrey: [119, 136, 153, 1],
  lightsteelblue: [176, 196, 222, 1],
  lightyellow: [255, 255, 224, 1],
  lime: [0, 255, 0, 1],
  limegreen: [50, 205, 50, 1],
  linen: [250, 240, 230, 1],
  magenta: [255, 0, 255, 1],
  maroon: [128, 0, 0, 1],
  mediumaquamarine: [102, 205, 170, 1],
  mediumblue: [0, 0, 205, 1],
  mediumorchid: [186, 85, 211, 1],
  mediumpurple: [147, 112, 219, 1],
  mediumseagreen: [60, 179, 113, 1],
  mediumslateblue: [123, 104, 238, 1],
  mediumspringgreen: [0, 250, 154, 1],
  mediumturquoise: [72, 209, 204, 1],
  mediumvioletred: [199, 21, 133, 1],
  midnightblue: [25, 25, 112, 1],
  mintcream: [245, 255, 250, 1],
  mistyrose: [255, 228, 225, 1],
  moccasin: [255, 228, 181, 1],
  navajowhite: [255, 222, 173, 1],
  navy: [0, 0, 128, 1],
  oldlace: [253, 245, 230, 1],
  olive: [128, 128, 0, 1],
  olivedrab: [107, 142, 35, 1],
  orange: [255, 165, 0, 1],
  orangered: [255, 69, 0, 1],
  orchid: [218, 112, 214, 1],
  palegoldenrod: [238, 232, 170, 1],
  palegreen: [152, 251, 152, 1],
  paleturquoise: [175, 238, 238, 1],
  palevioletred: [219, 112, 147, 1],
  papayawhip: [255, 239, 213, 1],
  peachpuff: [255, 218, 185, 1],
  peru: [205, 133, 63, 1],
  pink: [255, 192, 203, 1],
  plum: [221, 160, 221, 1],
  powderblue: [176, 224, 230, 1],
  purple: [128, 0, 128, 1],
  rebeccapurple: [102, 51, 153, 1],
  red: [255, 0, 0, 1],
  rosybrown: [188, 143, 143, 1],
  royalblue: [65, 105, 225, 1],
  saddlebrown: [139, 69, 19, 1],
  salmon: [250, 128, 114, 1],
  sandybrown: [244, 164, 96, 1],
  seagreen: [46, 139, 87, 1],
  seashell: [255, 245, 238, 1],
  sienna: [160, 82, 45, 1],
  silver: [192, 192, 192, 1],
  skyblue: [135, 206, 235, 1],
  slateblue: [106, 90, 205, 1],
  slategray: [112, 128, 144, 1],
  slategrey: [112, 128, 144, 1],
  snow: [255, 250, 250, 1],
  springgreen: [0, 255, 127, 1],
  steelblue: [70, 130, 180, 1],
  tan: [210, 180, 140, 1],
  teal: [0, 128, 128, 1],
  thistle: [216, 191, 216, 1],
  tomato: [255, 99, 71, 1],
  turquoise: [64, 224, 208, 1],
  violet: [238, 130, 238, 1],
  wheat: [245, 222, 179, 1],
  white: [255, 255, 255, 1],
  whitesmoke: [245, 245, 245, 1],
  yellow: [255, 255, 0, 1],
  yellowgreen: [154, 205, 50, 1],
};

// Lab values generated using formula from http://www.easyrgb.com/en/math.php.
// X_10, Y_10, Z_10 (CIE 1964) reference values for D65 illuminant
// (Daylight, sRGB, Adobe-RGB) were used.
const labColors = {
  aliceblue: [97.17890760827636, -0.9397756746095665, -5.246475627032843],
  antiquewhite: [93.73077088204487, 2.236373679139203, 10.649604819299775],
  aqua: [91.11652110946342, -47.73670577664391, -15.108617112376965],
  aquamarine: [92.03615371984776, -45.172410289053445, 8.849868350925295],
  azure: [98.93278063011066, -4.468521315692032, -2.6738855376031267],
  beige: [95.9488798865349, -3.7925176714859177, 11.156542330042662],
  bisque: [92.0124490871158, 4.82408891282099, 18.18700912515505],
  black: [0, 0, 0],
  blanchedalmond: [93.91948969581235, 2.528359387620638, 16.175210959201024],
  blue: [32.302586667249486, 79.43492388715862, -108.79669359538693],
  blueviolet: [42.18810476642369, 70.12395877232036, -75.62885995423268],
  brown: [37.521829744034335, 49.932241625757406, 30.23890786161597],
  burlywood: [77.01689872654846, 7.390609044482909, 29.376190715516536],
  cadetblue: [61.15461539950293, -19.415767005661277, -8.112231649104906],
  chartreuse: [89.87420853068858, -67.74722658691745, 85.31006761317337],
  chocolate: [55.98605299432204, 37.34619405020917, 56.41475927486582],
  coral: [67.29048083264607, 45.696749904176436, 47.02073461855407],
  cornflowerblue: [61.92818670495679, 9.628987440020332, -50.20264083555141],
  cornsilk: [97.45526614880224, -1.8103271448461355, 13.39924085969022],
  crimson: [47.02980511087301, 71.21981659922766, 33.22842672949625],
  cyan: [91.11652110946342, -47.73670577664391, -15.108617112376965],
  darkblue: [14.757156815274186, 50.58098497783475, -69.27738650827831],
  darkcyan: [52.207519815998296, -30.3968264791159, -9.620563573304297],
  darkgoldenrod: [59.2185428516686, 10.142719410772493, 62.4074048759456],
  darkgray: [69.23779560557699, 0.30845909288851336, -0.725035226776094],
  darkgreen: [36.20351872497333, -43.22004822584333, 41.62418791981264],
  darkgrey: [69.23779560557699, 0.30845909288851336, -0.725035226776094],
  darkkhaki: [73.38127833356914, -8.475096082350364, 38.72716132653318],
  darkmagenta: [32.59748369188066, 62.78988696261057, -39.34048012552456],
  darkolivegreen: [42.2340254244788, -18.63594475603103, 30.256085481863913],
  darkorange: [69.48104411888188, 37.16688167941806, 75.14386507030734],
  darkorchid: [43.37926695780136, 65.43267508264566, -60.90252187934995],
  darkred: [28.084732284208997, 51.2102293904998, 41.189776600752445],
  darksalmon: [69.85346453844176, 28.509213259811705, 27.1173578088314],
  darkseagreen: [72.08740631745533, -23.522932623842696, 17.379064372791554],
  darkslateblue: [30.829287209616794, 26.247343305352388, -42.688380574102695],
  darkslategray: [31.25607829935253, -11.558209436609623, -4.143133638795559],
  darkslategrey: [31.25607829935253, -11.558209436609623, -4.143133638795559],
  darkturquoise: [75.29307531314078, -39.74330458218445, -14.353628151972542],
  darkviolet: [39.57886745488795, 76.59826422688023, -71.18960396554851],
  deeppink: [55.95428053659428, 84.8834888580915, -6.348160442712891],
  deepskyblue: [72.54923231908798, -17.34624248545108, -43.501223759829614],
  dimgray: [44.41356014781601, 0.21862498706087807, -0.513879541005613],
  dimgrey: [44.41356014781601, 0.21862498706087807, -0.513879541005613],
  dodgerblue: [59.381725677880596, 10.24722110279519, -64.33873493803226],
  firebrick: [39.11257274771978, 56.17110340915579, 37.36856201227712],
  floralwhite: [98.40143252802201, 0.37693631302881947, 4.4296183363891295],
  forestgreen: [50.59443111773345, -49.389501730047996, 44.675247183324544],
  fuchsia: [60.319933664076004, 98.60839787805526, -61.78226947982015],
  gainsboro: [87.76088811005116, 0.3754905813360132, -0.8825932030137817],
  ghostwhite: [97.7572735023453, 1.6602117625886814, -4.329673676949475],
  gold: [86.9285847161576, -1.5580031594539245, 86.69625851871493],
  goldenrod: [70.81571317667877, 8.842268163696321, 68.36969220318736],
  gray: [53.585013452169036, 0.2518147023348183, -0.5918921958278478],
  grey: [53.585013452169036, 0.2518147023348183, -0.5918921958278478],
  green: [46.22881784262658, -51.520138371609654, 49.61780491379323],
  greenyellow: [91.95763180408608, -52.141510237787294, 81.35705222692138],
  honeydew: [98.56580137512647, -7.15743440652189, 4.528336799358468],
  hotpink: [65.48186958181394, 64.59515848582348, -11.397593830097975],
  indianred: [53.3911485087161, 45.12118404819798, 21.633935524110235],
  indigo: [20.46961954096429, 51.86802044661362, -53.88700686969674],
  ivory: [99.63977381109996, -2.1358046127358254, 6.214520241062194],
  khaki: [90.32729582034386, -8.636557330944761, 44.29884008040395],
  lavender: [91.82769059829121, 4.102249854337825, -10.62634890559453],
  lavenderblush: [96.06837944039779, 6.29813340018881, -1.5503003307978824],
  lawngreen: [88.87798766318886, -67.54051106102659, 84.48686421833247],
  lemonchiffon: [97.6476983766357, -5.022220605824412, 21.377483194761602],
  lightblue: [83.81410256512628, -10.538570949192195, -12.381398199756767],
  lightcoral: [66.15316216626996, 43.146382854120255, 18.95210780303691],
  lightcyan: [97.86814756512815, -9.540634546450377, -4.3595592568243635],
  lightgoldenrodyellow: [
    97.36879732328356,
    -6.078213524913445,
    18.368452638973686,
  ],
  lightgray: [84.5561167363605, 0.36389313370355225, -0.8553333223096704],
  lightgreen: [86.54957590580997, -45.99957827642365, 36.262226875570526],
  lightgrey: [84.5561167363605, 0.36389313370355225, -0.8553333223096704],
  lightpink: [81.05253594361857, 28.338879720153866, 4.233248736979411],
  lightsalmon: [74.70287844017, 31.832905786707443, 33.947175894873574],
  lightseagreen: [65.78768757989991, -37.24749389368925, -7.0553625579029555],
  lightskyblue: [79.72503275959482, -10.490259345458607, -29.455091101479304],
  lightslategray: [
    55.917349372007195,
    -1.9881568917105574,
    -11.774175139854615,
  ],
  lightslategrey: [
    55.917349372007195,
    -1.9881568917105574,
    -11.774175139854615,
  ],
  lightsteelblue: [78.45233742822654, -0.9392458669100212, -16.08913657631925],
  lightyellow: [99.28483637693047, -4.695918870143368, 13.930783736002962],
  lime: [87.73703347354422, -85.88539046866318, 82.71415186197115],
  limegreen: [72.60854102811317, -66.86592102874306, 60.99160141799125],
  linen: [95.31120096478845, 2.0811899572744097, 5.104906068897774],
  magenta: [60.319933664076004, 98.60839787805526, -61.78226947982015],
  maroon: [25.530784572416174, 48.24348236957932, 37.97194526317749],
  mediumaquamarine: [75.6931293906138, -38.036553589818666, 7.571354765719218],
  mediumblue: [24.97615723043893, 67.38641044652589, -92.29465191227868],
  mediumorchid: [53.64213313573549, 59.370412003217574, -48.23242669563843],
  mediumpurple: [54.97523587308039, 37.09186250486124, -50.94130373794006],
  mediumseagreen: [65.27341001550978, -47.96643007935963, 23.721501577817094],
  mediumslateblue: [52.15750471109439, 41.35727328020744, -66.29828530971085],
  mediumspringgreen: [87.3411479783456, -70.37364235921007, 31.74790377903216],
  mediumturquoise: [76.8834686242291, -37.053452849746925, -9.183510559800713],
  mediumvioletred: [44.76162545138306, 71.28274660137451, -15.767834030225348],
  midnightblue: [15.859552026439893, 31.860128204191234, -50.08845915164022],
  mintcream: [99.15659662605985, -3.7499332041522893, 0.27328356915989893],
  mistyrose: [92.65558901260384, 9.147609792762356, 3.9347415624175097],
  moccasin: [91.72208952705464, 2.8291906794328248, 25.573953055107125],
  navajowhite: [90.10007935356519, 4.895862633988224, 27.509525419099212],
  navy: [12.975311577716514, 47.65069178672376, -65.26396023609063],
  oldlace: [96.77967120416257, 0.5784959274544033, 7.247216630469544],
  olive: [51.86833136334822, -12.698958090622824, 56.38276716821539],
  olivedrab: [54.650773976467136, -27.99433891007591, 49.33893945670905],
  orange: [74.93219484533535, 24.28083176103374, 78.57643571179258],
  orangered: [57.57499421872107, 68.11461778155586, 68.68889341848478],
  orchid: [62.8009876658991, 55.621167174625064, -35.24868649820956],
  palegoldenrod: [91.14038954621267, -6.970467434592564, 30.213907174487264],
  palegreen: [90.75103714758299, -47.95503269332063, 37.81303534889619],
  paleturquoise: [90.06142407788806, -19.270453187271997, -7.332269935129032],
  palevioletred: [60.564787867661266, 45.838854731426515, -0.25065577032372666],
  papayawhip: [95.07544110280504, 1.6725420650229306, 13.652324626448543],
  peachpuff: [89.34875285782702, 8.471965039192453, 20.229897875280955],
  peru: [61.751663684265665, 21.6941378210313, 47.496113355477334],
  pink: [83.58479885775868, 24.525540181552508, 2.4934778968259685],
  plum: [73.37274280928348, 32.885443900333215, -22.856650741159747],
  powderblue: [86.13359115282357, -13.734412712450183, -8.914802708654769],
  purple: [29.782100092098077, 59.15229907621816, -37.06137976602428],
  rebeccapurple: [32.90243720302775, 43.10251060523782, -47.79866704780537],
  red: [53.23288178584245, 80.42312097443104, 66.96552840294578],
  osybrown: [63.6060381979233, 17.31557480446677, 5.964013673186241],
  royalblue: [47.83284750656463, 26.523923842683427, -66.12638984604963],
  saddlebrown: [37.46692024400534, 26.659518429642898, 40.73548402580912],
  salmon: [67.25995258561211, 45.569072753010865, 28.527978009408052],
  sandybrown: [73.95154071958171, 23.37100127546693, 46.25858205082345],
  seagreen: [51.53535112854968, -39.50584886698982, 19.578964107165852],
  seashell: [97.12111642889012, 2.5730542225586572, 3.614216901880374],
  sienna: [43.796139581025685, 29.564844221078523, 35.307185975723435],
  silver: [77.7043635899527, 0.339097964550894, -0.7970521060836511],
  skyblue: [79.20897459092869, -14.504258485788124, -22.18979862749155],
  slateblue: [45.33730589003685, 36.29854743329886, -58.578448229379696],
  slategray: [52.83625796271889, -1.894387969799849, -11.208348578862527],
  slategrey: [52.83625796271889, -1.894387969799849, -11.208348578862527],
  snow: [98.64376394836441, 2.073027231003055, -0.3849225040892579],
  springgreen: [88.47265520282772, -76.59140183507563, 46.37560569696295],
  steelblue: [52.46747241512048, -3.828873386915843, -32.93153861676517],
  tan: [74.97454643298407, 5.353040309039603, 23.775061853275446],
  teal: [48.25607381337552, -28.635856151982775, -9.063218319038114],
  thistle: [80.07734471203901, 13.57781031097305, -10.092571203748268],
  tomato: [62.20136881808274, 58.18874059980511, 45.985101486056514],
  turquoise: [81.26705459794431, -43.765218870671475, -4.872758326234994],
  violet: [69.69362286537107, 56.72140058020769, -37.7245806568902],
  wheat: [89.35068099788126, 1.8921211283112749, 23.23051272657026],
  white: [100, 0.41978155958710683, -0.9866994530830286],
  whitesmoke: [96.53748961423615, 0.40725140432995577, -0.9572472366698781],
  yellow: [97.13824698129729, -21.169488449187533, 93.99151723968109],
  yellowgreen: [76.5351984302265, -37.69097531845872, 66.13250570541341],
};

exports.cssColors = cssColors;
exports.labColors = labColors;
PK
!<&8!�����4chrome/devtools/modules/devtools/shared/css/color.js/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

const Services = require("Services");
const { getCSSLexer } = require("devtools/shared/css/lexer");
const { cssColors } = require("devtools/shared/css/color-db");

loader.lazyRequireGetter(
  this,
  "CSS_ANGLEUNIT",
  "devtools/shared/css/constants",
  true
);
loader.lazyRequireGetter(
  this,
  "getAngleValueInDegrees",
  "devtools/shared/css/parsing-utils",
  true
);

const COLOR_UNIT_PREF = "devtools.defaultColorUnit";

const SPECIALVALUES = new Set([
  "currentcolor",
  "initial",
  "inherit",
  "transparent",
  "unset",
]);

/**
 * This module is used to convert between various color types.
 *
 * Usage:
 *   let {colorUtils} = require("devtools/shared/css/color");
 *   let color = new colorUtils.CssColor("red");
 *   // In order to support css-color-4 color function, pass true to the
 *   // second argument.
 *   // e.g.
 *   //   let color = new colorUtils.CssColor("red", true);
 *
 *   color.authored === "red"
 *   color.hasAlpha === false
 *   color.valid === true
 *   color.transparent === false // transparent has a special status.
 *   color.name === "red"        // returns hex when no name available.
 *   color.hex === "#f00"        // returns shortHex when available else returns
 *                                  longHex. If alpha channel is present then we
 *                                  return this.alphaHex if available,
 *                                  or this.longAlphaHex if not.
 *   color.alphaHex === "#f00f"  // returns short alpha hex when available
 *                                  else returns longAlphaHex.
 *   color.longHex === "#ff0000" // If alpha channel is present then we return
 *                                  this.longAlphaHex.
 *   color.longAlphaHex === "#ff0000ff"
 *   color.rgb === "rgb(255, 0, 0)" // If alpha channel is present
 *                                  // then we return this.rgba.
 *   color.rgba === "rgba(255, 0, 0, 1)"
 *   color.hsl === "hsl(0, 100%, 50%)"
 *   color.hsla === "hsla(0, 100%, 50%, 1)" // If alpha channel is present
 *                                             then we return this.rgba.
 *
 *   color.toString() === "#f00"; // Outputs the color type determined in the
 *                                   COLOR_UNIT_PREF constant (above).
 *   // Color objects can be reused
 *   color.newColor("green") === "#0f0"; // true
 *
 *   Valid values for COLOR_UNIT_PREF are contained in CssColor.COLORUNIT.
 */

function CssColor(colorValue, supportsCssColor4ColorFunction = false) {
  this.newColor(colorValue);
  this.cssColor4 = supportsCssColor4ColorFunction;
}

module.exports.colorUtils = {
  CssColor: CssColor,
  rgbToHsl: rgbToHsl,
  rgbToLab: rgbToLab,
  setAlpha: setAlpha,
  classifyColor: classifyColor,
  rgbToColorName: rgbToColorName,
  colorToRGBA: colorToRGBA,
  isValidCSSColor: isValidCSSColor,
  calculateContrastRatio: calculateContrastRatio,
  calculateDeltaE: calculateDeltaE,
  calculateLuminance: calculateLuminance,
  blendColors: blendColors,
};

/**
 * Values used in COLOR_UNIT_PREF
 */
CssColor.COLORUNIT = {
  authored: "authored",
  hex: "hex",
  name: "name",
  rgb: "rgb",
  hsl: "hsl",
};

CssColor.prototype = {
  _colorUnit: null,
  _colorUnitUppercase: false,

  // The value as-authored.
  authored: null,
  // A lower-cased copy of |authored|.
  lowerCased: null,

  // Whether the value should be parsed using css-color-4 rules.
  cssColor4: false,

  _setColorUnitUppercase: function(color) {
    // Specifically exclude the case where the color is
    // case-insensitive.  This makes it so that "#000" isn't
    // considered "upper case" for the purposes of color cycling.
    this._colorUnitUppercase =
      color === color.toUpperCase() && color !== color.toLowerCase();
  },

  get colorUnit() {
    if (this._colorUnit === null) {
      const defaultUnit = Services.prefs.getCharPref(COLOR_UNIT_PREF);
      this._colorUnit = CssColor.COLORUNIT[defaultUnit];
      this._setColorUnitUppercase(this.authored);
    }
    return this._colorUnit;
  },

  set colorUnit(unit) {
    this._colorUnit = unit;
  },

  /**
   * If the current color unit pref is "authored", then set the
   * default color unit from the given color.  Otherwise, leave the
   * color unit untouched.
   *
   * @param {String} color The color to use
   */
  setAuthoredUnitFromColor: function(color) {
    if (
      Services.prefs.getCharPref(COLOR_UNIT_PREF) ===
      CssColor.COLORUNIT.authored
    ) {
      this._colorUnit = classifyColor(color);
      this._setColorUnitUppercase(color);
    }
  },

  get hasAlpha() {
    if (!this.valid) {
      return false;
    }
    return this.getRGBATuple().a !== 1;
  },

  get valid() {
    return isValidCSSColor(this.authored, this.cssColor4);
  },

  /**
   * Not a real color type but used to preserve accuracy when converting between
   * e.g. 8 character hex -> rgba -> 8 character hex (hex alpha values are
   * 0 - 255 but rgba alpha values are only 0.0 to 1.0).
   */
  get highResTuple() {
    const type = classifyColor(this.authored);

    if (type === CssColor.COLORUNIT.hex) {
      return hexToRGBA(this.authored.substring(1), true);
    }

    // If we reach this point then the alpha value must be in the range
    // 0.0 - 1.0 so we need to multiply it by 255.
    const tuple = colorToRGBA(this.authored);
    tuple.a *= 255;
    return tuple;
  },

  /**
   * Return true for all transparent values e.g. rgba(0, 0, 0, 0).
   */
  get transparent() {
    try {
      const tuple = this.getRGBATuple();
      return !(tuple.r || tuple.g || tuple.b || tuple.a);
    } catch (e) {
      return false;
    }
  },

  get specialValue() {
    return SPECIALVALUES.has(this.lowerCased) ? this.authored : null;
  },

  get name() {
    const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
    if (invalidOrSpecialValue !== false) {
      return invalidOrSpecialValue;
    }

    const tuple = this.getRGBATuple();

    if (tuple.a !== 1) {
      return this.hex;
    }
    const { r, g, b } = tuple;
    return rgbToColorName(r, g, b) || this.hex;
  },

  get hex() {
    const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
    if (invalidOrSpecialValue !== false) {
      return invalidOrSpecialValue;
    }
    if (this.hasAlpha) {
      return this.alphaHex;
    }

    let hex = this.longHex;
    if (
      hex.charAt(1) == hex.charAt(2) &&
      hex.charAt(3) == hex.charAt(4) &&
      hex.charAt(5) == hex.charAt(6)
    ) {
      hex = "#" + hex.charAt(1) + hex.charAt(3) + hex.charAt(5);
    }
    return hex;
  },

  get alphaHex() {
    const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
    if (invalidOrSpecialValue !== false) {
      return invalidOrSpecialValue;
    }

    let alphaHex = this.longAlphaHex;
    if (
      alphaHex.charAt(1) == alphaHex.charAt(2) &&
      alphaHex.charAt(3) == alphaHex.charAt(4) &&
      alphaHex.charAt(5) == alphaHex.charAt(6) &&
      alphaHex.charAt(7) == alphaHex.charAt(8)
    ) {
      alphaHex =
        "#" +
        alphaHex.charAt(1) +
        alphaHex.charAt(3) +
        alphaHex.charAt(5) +
        alphaHex.charAt(7);
    }
    return alphaHex;
  },

  get longHex() {
    const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
    if (invalidOrSpecialValue !== false) {
      return invalidOrSpecialValue;
    }
    if (this.hasAlpha) {
      return this.longAlphaHex;
    }

    const tuple = this.getRGBATuple();
    return (
      "#" +
      ((1 << 24) + (tuple.r << 16) + (tuple.g << 8) + (tuple.b << 0))
        .toString(16)
        .substr(-6)
    );
  },

  get longAlphaHex() {
    const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
    if (invalidOrSpecialValue !== false) {
      return invalidOrSpecialValue;
    }

    const tuple = this.highResTuple;

    return (
      "#" +
      ((1 << 24) + (tuple.r << 16) + (tuple.g << 8) + (tuple.b << 0))
        .toString(16)
        .substr(-6) +
      Math.round(tuple.a)
        .toString(16)
        .padStart(2, "0")
    );
  },

  get rgb() {
    const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
    if (invalidOrSpecialValue !== false) {
      return invalidOrSpecialValue;
    }
    if (!this.hasAlpha) {
      if (this.lowerCased.startsWith("rgb(")) {
        // The color is valid and begins with rgb(.
        return this.authored;
      }
      const tuple = this.getRGBATuple();
      return "rgb(" + tuple.r + ", " + tuple.g + ", " + tuple.b + ")";
    }
    return this.rgba;
  },

  get rgba() {
    const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
    if (invalidOrSpecialValue !== false) {
      return invalidOrSpecialValue;
    }
    if (this.lowerCased.startsWith("rgba(")) {
      // The color is valid and begins with rgba(.
      return this.authored;
    }
    const components = this.getRGBATuple();
    return (
      "rgba(" +
      components.r +
      ", " +
      components.g +
      ", " +
      components.b +
      ", " +
      components.a +
      ")"
    );
  },

  get hsl() {
    const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
    if (invalidOrSpecialValue !== false) {
      return invalidOrSpecialValue;
    }
    if (this.lowerCased.startsWith("hsl(")) {
      // The color is valid and begins with hsl(.
      return this.authored;
    }
    if (this.hasAlpha) {
      return this.hsla;
    }
    return this._hsl();
  },

  get hsla() {
    const invalidOrSpecialValue = this._getInvalidOrSpecialValue();
    if (invalidOrSpecialValue !== false) {
      return invalidOrSpecialValue;
    }
    if (this.lowerCased.startsWith("hsla(")) {
      // The color is valid and begins with hsla(.
      return this.authored;
    }
    if (this.hasAlpha) {
      const a = this.getRGBATuple().a;
      return this._hsl(a);
    }
    return this._hsl(1);
  },

  /**
   * Check whether the current color value is in the special list e.g.
   * transparent or invalid.
   *
   * @return {String|Boolean}
   *         - If the current color is a special value e.g. "transparent" then
   *           return the color.
   *         - If the color is invalid return an empty string.
   *         - If the color is a regular color e.g. #F06 so we return false
   *           to indicate that the color is neither invalid or special.
   */
  _getInvalidOrSpecialValue: function() {
    if (this.specialValue) {
      return this.specialValue;
    }
    if (!this.valid) {
      return "";
    }
    return false;
  },

  /**
   * Change color
   *
   * @param  {String} color
   *         Any valid color string
   */
  newColor: function(color) {
    // Store a lower-cased version of the color to help with format
    // testing.  The original text is kept as well so it can be
    // returned when needed.
    this.lowerCased = color.toLowerCase();
    this.authored = color;
    this._setColorUnitUppercase(color);
    return this;
  },

  nextColorUnit: function() {
    // Reorder the formats array to have the current format at the
    // front so we can cycle through.
    let formats = ["hex", "hsl", "rgb", "name"];
    const currentFormat = classifyColor(this.toString());
    const putOnEnd = formats.splice(0, formats.indexOf(currentFormat));
    formats = [...formats, ...putOnEnd];

    const currentDisplayedColor = this[formats[0]];

    for (const format of formats) {
      if (this[format].toLowerCase() !== currentDisplayedColor.toLowerCase()) {
        this.colorUnit = CssColor.COLORUNIT[format];
        break;
      }
    }

    return this.toString();
  },

  /**
   * Return a string representing a color of type defined in COLOR_UNIT_PREF.
   */
  toString: function() {
    let color;

    switch (this.colorUnit) {
      case CssColor.COLORUNIT.authored:
        color = this.authored;
        break;
      case CssColor.COLORUNIT.hex:
        color = this.hex;
        break;
      case CssColor.COLORUNIT.hsl:
        color = this.hsl;
        break;
      case CssColor.COLORUNIT.name:
        color = this.name;
        break;
      case CssColor.COLORUNIT.rgb:
        color = this.rgb;
        break;
      default:
        color = this.rgb;
    }

    if (
      this._colorUnitUppercase &&
      this.colorUnit != CssColor.COLORUNIT.authored
    ) {
      color = color.toUpperCase();
    }

    return color;
  },

  /**
   * Returns a RGBA 4-Tuple representation of a color or transparent as
   * appropriate.
   */
  getRGBATuple: function() {
    const tuple = colorToRGBA(this.authored, this.cssColor4);

    tuple.a = parseFloat(tuple.a.toFixed(2));

    return tuple;
  },

  /**
   * Returns a HSLA 4-Tuple representation of a color or transparent as
   * appropriate.
   */
  _getHSLATuple: function() {
    const { r, g, b, a } = colorToRGBA(this.authored, this.cssColor4);

    const [h, s, l] = rgbToHsl([r, g, b]);

    return {
      h,
      s,
      l,
      a: parseFloat(a.toFixed(2)),
    };
  },

  _hsl: function(maybeAlpha) {
    if (this.lowerCased.startsWith("hsl(") && maybeAlpha === undefined) {
      // We can use it as-is.
      return this.authored;
    }

    const { r, g, b } = this.getRGBATuple();
    const [h, s, l] = rgbToHsl([r, g, b]);
    if (maybeAlpha !== undefined) {
      return "hsla(" + h + ", " + s + "%, " + l + "%, " + maybeAlpha + ")";
    }
    return "hsl(" + h + ", " + s + "%, " + l + "%)";
  },

  /**
   * This method allows comparison of CssColor objects using ===.
   */
  valueOf: function() {
    return this.rgba;
  },

  /**
   * Check whether the color is fully transparent (alpha === 0).
   *
   * @return {Boolean} True if the color is transparent and valid.
   */
  isTransparent: function() {
    return this.getRGBATuple().a === 0;
  },
};

/**
 * Convert rgb value to hsl
 *
 * @param {array} rgb
 *         Array of rgb values
 * @return {array}
 *         Array of hsl values.
 */
function rgbToHsl([r, g, b]) {
  r = r / 255;
  g = g / 255;
  b = b / 255;

  const max = Math.max(r, g, b);
  const min = Math.min(r, g, b);
  let h;
  let s;
  const l = (max + min) / 2;

  if (max == min) {
    h = s = 0;
  } else {
    const d = max - min;
    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);

    switch (max) {
      case r:
        h = ((g - b) / d) % 6;
        break;
      case g:
        h = (b - r) / d + 2;
        break;
      case b:
        h = (r - g) / d + 4;
        break;
    }
    h *= 60;
    if (h < 0) {
      h += 360;
    }
  }

  return [roundTo(h, 1), roundTo(s * 100, 1), roundTo(l * 100, 1)];
}

/**
 * Convert rgb value to CIE LAB colorspace (https://en.wikipedia.org/wiki/CIELAB_color_space).
 * Formula from http://www.easyrgb.com/en/math.php.
 *
 * @param {array} rgb
 *        Array of rgb values
 * @return {array}
 *         Array of lab values.
 */
function rgbToLab([r, g, b]) {
  // Convert rgb values to xyz coordinates.
  r = r / 255;
  g = g / 255;
  b = b / 255;

  r = r > 0.04045 ? Math.pow((r + 0.055) / 1.055, 2.4) : r / 12.92;
  g = g > 0.04045 ? Math.pow((g + 0.055) / 1.055, 2.4) : g / 12.92;
  b = b > 0.04045 ? Math.pow((b + 0.055) / 1.055, 2.4) : b / 12.92;

  r = r * 100;
  g = g * 100;
  b = b * 100;

  let [x, y, z] = [
    r * 0.4124 + g * 0.3576 + b * 0.1805,
    r * 0.2126 + g * 0.7152 + b * 0.0722,
    r * 0.0193 + g * 0.1192 + b * 0.9505,
  ];

  // Convert xyz coordinates to lab values.
  // Divisors used are X_10, Y_10, Z_10 (CIE 1964) reference values for D65
  // illuminant (Daylight, sRGB, Adobe-RGB) taken from http://www.easyrgb.com/en/math.php
  x = x / 94.811;
  y = y / 100;
  z = z / 107.304;

  x = x > 0.008856 ? Math.pow(x, 1 / 3) : 7.787 * x + 16 / 116;
  y = y > 0.008856 ? Math.pow(y, 1 / 3) : 7.787 * y + 16 / 116;
  z = z > 0.008856 ? Math.pow(z, 1 / 3) : 7.787 * z + 16 / 116;

  return [116 * y - 16, 500 * (x - y), 200 * (y - z)];
}

/**
 * Calculates the CIE Delta-E value for two lab values (http://www.colorwiki.com/wiki/Delta_E%3a_The_Color_Difference#Delta-E_1976).
 * Formula from http://www.easyrgb.com/en/math.php.
 *
 * @param {array} lab1
 *        Array of lab values for the first color
 * @param {array} lab2
 *        Array of lab values for the second color
 * @return {Number}
 *         DeltaE value between the two colors
 */
function calculateDeltaE([l1, a1, b1], [l2, a2, b2]) {
  return Math.sqrt(
    Math.pow(l1 - l2, 2) + Math.pow(a1 - a2, 2) + Math.pow(b1 - b2, 2)
  );
}

function roundTo(number, digits) {
  const multiplier = Math.pow(10, digits);
  return Math.round(number * multiplier) / multiplier;
}

/**
 * Takes a color value of any type (hex, hsl, hsla, rgb, rgba)
 * and an alpha value to generate an rgba string with the correct
 * alpha value.
 *
 * @param  {String} colorValue
 *         Color in the form of hex, hsl, hsla, rgb, rgba.
 * @param  {Number} alpha
 *         Alpha value for the color, between 0 and 1.
 * @param  {Boolean} useCssColor4ColorFunction
 *         use css-color-4 color function or not.
 * @return {String}
 *         Converted color with `alpha` value in rgba form.
 */
function setAlpha(colorValue, alpha, useCssColor4ColorFunction = false) {
  const color = new CssColor(colorValue, useCssColor4ColorFunction);

  // Throw if the color supplied is not valid.
  if (!color.valid) {
    throw new Error("Invalid color.");
  }

  // If an invalid alpha valid, just set to 1.
  if (!(alpha >= 0 && alpha <= 1)) {
    alpha = 1;
  }

  const { r, g, b } = color.getRGBATuple();
  return "rgba(" + r + ", " + g + ", " + b + ", " + alpha + ")";
}

/**
 * Given a color, classify its type as one of the possible color
 * units, as known by |CssColor.colorUnit|.
 *
 * @param  {String} value
 *         The color, in any form accepted by CSS.
 * @return {String}
 *         The color classification, one of "rgb", "hsl", "hex", or "name".
 */
function classifyColor(value) {
  value = value.toLowerCase();
  if (value.startsWith("rgb(") || value.startsWith("rgba(")) {
    return CssColor.COLORUNIT.rgb;
  } else if (value.startsWith("hsl(") || value.startsWith("hsla(")) {
    return CssColor.COLORUNIT.hsl;
  } else if (/^#[0-9a-f]+$/.exec(value)) {
    return CssColor.COLORUNIT.hex;
  }
  return CssColor.COLORUNIT.name;
}

// This holds a map from colors back to color names for use by
// rgbToColorName.
var cssRGBMap;

/**
 * Given a color, return its name, if it has one. Otherwise
 * returns an empty string.
 *
 * @param {Number} r, g, b  The color components.
 * @return {String} the name of the color or an empty string
 */
function rgbToColorName(r, g, b) {
  if (!cssRGBMap) {
    cssRGBMap = {};
    for (const name in cssColors) {
      const key = JSON.stringify(cssColors[name]);
      if (!(key in cssRGBMap)) {
        cssRGBMap[key] = name;
      }
    }
  }
  return cssRGBMap[JSON.stringify([r, g, b, 1])] || "";
}

// Translated from nsColor.cpp.
function _hslValue(m1, m2, h) {
  if (h < 0.0) {
    h += 1.0;
  }
  if (h > 1.0) {
    h -= 1.0;
  }
  if (h < 1.0 / 6.0) {
    return m1 + (m2 - m1) * h * 6.0;
  }
  if (h < 1.0 / 2.0) {
    return m2;
  }
  if (h < 2.0 / 3.0) {
    return m1 + (m2 - m1) * (2.0 / 3.0 - h) * 6.0;
  }
  return m1;
}

// Translated from nsColor.cpp.  All three values are expected to be
// in the range 0-1.
function hslToRGB([h, s, l]) {
  let m2;
  if (l <= 0.5) {
    m2 = l * (s + 1);
  } else {
    m2 = l + s - l * s;
  }
  const m1 = l * 2 - m2;
  const r = Math.round(255 * _hslValue(m1, m2, h + 1.0 / 3.0));
  const g = Math.round(255 * _hslValue(m1, m2, h));
  const b = Math.round(255 * _hslValue(m1, m2, h - 1.0 / 3.0));
  return [r, g, b];
}

/**
 * A helper function to convert a hex string like "F0C" or "F0C8" to a color.
 *
 * @param {String} name the color string
 * @param {Boolean} highResolution Forces returned alpha value to be in the
 *                  range 0 - 255 as opposed to 0.0 - 1.0.
 * @return {Object} an object of the form {r, g, b, a}; or null if the
 *         name was not a valid color
 */
function hexToRGBA(name, highResolution) {
  let r,
    g,
    b,
    a = 1;

  if (name.length === 3) {
    // short hex string (e.g. F0C)
    r = parseInt(name.charAt(0) + name.charAt(0), 16);
    g = parseInt(name.charAt(1) + name.charAt(1), 16);
    b = parseInt(name.charAt(2) + name.charAt(2), 16);
  } else if (name.length === 4) {
    // short alpha hex string (e.g. F0CA)
    r = parseInt(name.charAt(0) + name.charAt(0), 16);
    g = parseInt(name.charAt(1) + name.charAt(1), 16);
    b = parseInt(name.charAt(2) + name.charAt(2), 16);
    a = parseInt(name.charAt(3) + name.charAt(3), 16);

    if (!highResolution) {
      a /= 255;
    }
  } else if (name.length === 6) {
    // hex string (e.g. FD01CD)
    r = parseInt(name.charAt(0) + name.charAt(1), 16);
    g = parseInt(name.charAt(2) + name.charAt(3), 16);
    b = parseInt(name.charAt(4) + name.charAt(5), 16);
  } else if (name.length === 8) {
    // alpha hex string (e.g. FD01CDAB)
    r = parseInt(name.charAt(0) + name.charAt(1), 16);
    g = parseInt(name.charAt(2) + name.charAt(3), 16);
    b = parseInt(name.charAt(4) + name.charAt(5), 16);
    a = parseInt(name.charAt(6) + name.charAt(7), 16);

    if (!highResolution) {
      a /= 255;
    }
  } else {
    return null;
  }
  if (!highResolution) {
    a = Math.round(a * 10) / 10;
  }
  return { r, g, b, a };
}

/**
 * A helper function to clamp a value.
 *
 * @param {Number} value The value to clamp
 * @param {Number} min The minimum value
 * @param {Number} max The maximum value
 * @return {Number} A value between min and max
 */
function clamp(value, min, max) {
  if (value < min) {
    value = min;
  }
  if (value > max) {
    value = max;
  }
  return value;
}

/**
 * A helper function to get a token from a lexer, skipping comments
 * and whitespace.
 *
 * @param {CSSLexer} lexer The lexer
 * @return {CSSToken} The next non-whitespace, non-comment token; or
 * null at EOF.
 */
function getToken(lexer) {
  if (lexer._hasPushBackToken) {
    lexer._hasPushBackToken = false;
    return lexer._currentToken;
  }

  while (true) {
    const token = lexer.nextToken();
    if (
      !token ||
      (token.tokenType !== "comment" && token.tokenType !== "whitespace")
    ) {
      lexer._currentToken = token;
      return token;
    }
  }
}

/**
 * A helper function to put a token back to lexer for the next call of
 * getToken().
 *
 * @param {CSSLexer} lexer The lexer
 */
function unGetToken(lexer) {
  if (lexer._hasPushBackToken) {
    throw new Error("Double pushback.");
  }
  lexer._hasPushBackToken = true;
}

/**
 * A helper function that checks if the next token matches symbol.
 * If so, reads the token and returns true.