Count # of CSS Statements
bootstrap.css
|
example.css
|
test.html
|
test.js
|
<!doctype html> <html dir="ltr" lang="en-US" class="no-js"> <head> <meta charset="utf-8" /> <title>srcdoc attribute for iframes | Can I use... Support tables for HTML5, CSS3, etc</title> <meta name="viewport" content="width=device-width"> <link rel="alternate" type="application/atom+xml" title="Can I Use updates" href="/feed"> <link href="//fonts.googleapis.com/css?family=Inconsolata&display=swap" rel="stylesheet"> <link rel="icon" href="/img/favicon-128.png" sizes="16x16 32x32 64x64 128x128" type="image/png"/> <link rel="apple-touch-icon" href="/img/favicon-128.png"> <link rel="stylesheet" href="/css/main.css?1714255906" media="all"> <link rel="stylesheet" href="/css/support-table.css?1714255906" media="all"> <link rel="stylesheet" href="/css/version-support.css?1714255906" media="all"> <link rel="stylesheet" data-theme="light" href="/css/theme-light.css?1714255906" media="all"> <link rel="stylesheet" data-theme="dark" href="/css/theme-dark.css?1714255906" media="(prefers-color-scheme: dark)"> <meta name="Description" content=""Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers."> <meta name="keywords" content="web browser compatibility support html css svg html5 css3 opera chrome firefox safari internet explorer"> <link rel="search" href="/opensearch.xml" type="application/opensearchdescription+xml" title="Can I use"/> <link rel="preconnect" href="https://ipinfo.io"> <link rel="preconnect" href="https://www.google-analytics.com"> <base href="/" /> <script> document.write('<style>.static-only {display:none}</style>'); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-8SCDSGDGKM"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-8SCDSGDGKM'); </script> <script> (function() { if (!window.customElements) { var s = document.createElement('script'); s.src = '/legacy-handler.js'; document.getElementsByTagName('head')[0].appendChild(s); } }()); </script> <!--[if IE]><script src="/legacy-handler.js"></script><![endif]--><script defer src="js-data/data.js?1714332581"></script><script defer src="js/bundle.js?1714255911"></script><script>window.initialFeatData = {id: "iframe-srcdoc", data: "[{\"description\":\"Override the content specified in the `src` attribute (if present) with HTML content within the attribute.\",\"spec\":\"https:\/\/html.spec.whatwg.org\/multipage\/embedded-content.html#attr-iframe-srcdoc\",\"status\":\"ls\",\"baseline_status\":\"\",\"stats\":{\"ie\":{\"6\":\"p\",\"7\":\"p\",\"8\":\"p\",\"9\":\"p\",\"10\":\"p\",\"11\":\"p\"},\"edge\":{\"12\":\"p\",\"13\":\"p\",\"14\":\"p\",\"15\":\"p\",\"16\":\"p\",\"17\":\"p\",\"18\":\"p\",\"79\":\"y\",\"80\":\"y\",\"81\":\"y\",\"83\":\"y\",\"84\":\"y\",\"85\":\"y\",\"86\":\"y\",\"87\":\"y\",\"88\":\"y\",\"89\":\"y\",\"90\":\"y\",\"91\":\"y\",\"92\":\"y\",\"93\":\"y\",\"94\":\"y\",\"95\":\"y\",\"96\":\"y\",\"97\":\"y\",\"98\":\"y\",\"99\":\"y\",\"100\":\"y\",\"101\":\"y\",\"102\":\"y\",\"103\":\"y\",\"104\":\"y\",\"105\":\"y\",\"106\":\"y\",\"107\":\"y\",\"108\":\"y\",\"109\":\"y\",\"110\":\"y\",\"111\":\"y\",\"112\":\"y\",\"113\":\"y\",\"114\":\"y\",\"115\":\"y\",\"116\":\"y\",\"117\":\"y\",\"118\":\"y\",\"119\":\"y\",\"120\":\"y\",\"121\":\"y\",\"122\":\"y\",\"123\":\"y\",\"124\":\"y\"},\"firefox\":{\"2\":\"n\",\"3\":\"p\",\"3.5\":\"p\",\"3.6\":\"p\",\"4\":\"p\",\"5\":\"p\",\"6\":\"p\",\"7\":\"p\",\"8\":\"p\",\"9\":\"p\",\"10\":\"p\",\"11\":\"p\",\"12\":\"p\",\"13\":\"p\",\"14\":\"p\",\"15\":\"p\",\"16\":\"p\",\"17\":\"p\",\"18\":\"p\",\"19\":\"p\",\"20\":\"p\",\"21\":\"p\",\"22\":\"p\",\"23\":\"p\",\"24\":\"p\",\"25\":\"y\",\"26\":\"y\",\"27\":\"y\",\"28\":\"y\",\"29\":\"y\",\"30\":\"y\",\"31\":\"y\",\"32\":\"y\",\"33\":\"y\",\"34\":\"y\",\"35\":\"y\",\"36\":\"y\",\"37\":\"y\",\"38\":\"y\",\"39\":\"y\",\"40\":\"y\",\"41\":\"y\",\"42\":\"y\",\"43\":\"y\",\"44\":\"y\",\"45\":\"y\",\"46\":\"y\",\"47\":\"y\",\"48\":\"y\",\"49\":\"y\",\"50\":\"y\",\"51\":\"y\",\"52\":\"y\",\"53\":\"y\",\"54\":\"y\",\"55\":\"y\",\"56\":\"y\",\"57\":\"y\",\"58\":\"y\",\"59\":\"y\",\"60\":\"y\",\"61\":\"y\",\"62\":\"y\",\"63\":\"y\",\"64\":\"y\",\"65\":\"y\",\"66\":\"y\",\"67\":\"y\",\"68\":\"y\",\"69\":\"y\",\"70\":\"y\",\"71\":\"y\",\"72\":\"y\",\"73\":\"y\",\"74\":\"y\",\"75\":\"y\",\"76\":\"y\",\"77\":\"y\",\"78\":\"y\",\"79\":\"y\",\"80\":\"y\",\"81\":\"y\",\"82\":\"y\",\"83\":\"y\",\"84\":\"y\",\"85\":\"y\",\"86\":\"y\",\"87\":\"y\",\"88\":\"y\",\"89\":\"y\",\"90\":\"y\",\"91\":\"y\",\"92\":\"y\",\"93\":\"y\",\"94\":\"y\",\"95\":\"y\",\"96\":\"y\",\"97\":\"y\",\"98\":\"y\",\"99\":\"y\",\"100\":\"y\",\"101\":\"y\",\"102\":\"y\",\"103\":\"y\",\"104\":\"y\",\"105\":\"y\",\"106\":\"y\",\"107\":\"y\",\"108\":\"y\",\"109\":\"y\",\"110\":\"y\",\"111\":\"y\",\"112\":\"y\",\"113\":\"y\",\"114\":\"y\",\"115\":\"y\",\"116\":\"y\",\"117\":\"y\",\"118\":\"y\",\"119\":\"y\",\"120\":\"y\",\"121\":\"y\",\"122\":\"y\",\"123\":\"y\",\"124\":\"y\",\"125\":\"y\",\"126\":\"y\",\"127\":\"y\",\"128\":\"y\"},\"chrome\":{\"4\":\"n\",\"5\":\"n\",\"6\":\"n\",\"7\":\"n\",\"8\":\"n\",\"9\":\"n\",\"10\":\"n\",\"11\":\"n\",\"12\":\"n\",\"13\":\"n\",\"14\":\"p\",\"15\":\"p\",\"16\":\"p\",\"17\":\"p\",\"18\":\"p\",\"19\":\"p\",\"20\":\"y\",\"21\":\"y\",\"22\":\"y\",\"23\":\"y\",\"24\":\"y\",\"25\":\"y\",\"26\":\"y\",\"27\":\"y\",\"28\":\"y\",\"29\":\"y\",\"30\":\"y\",\"31\":\"y\",\"32\":\"y\",\"33\":\"y\",\"34\":\"y\",\"35\":\"y\",\"36\":\"y\",\"37\":\"y\",\"38\":\"y\",\"39\":\"y\",\"40\":\"y\",\"41\":\"y\",\"42\":\"y\",\"43\":\"y\",\"44\":\"y\",\"45\":\"y\",\"46\":\"y\",\"47\":\"y\",\"48\":\"y\",\"49\":\"y\",\"50\":\"y\",\"51\":\"y\",\"52\":\"y\",\"53\":\"y\",\"54\":\"y\",\"55\":\"y\",\"56\":\"y\",\"57\":\"y\",\"58\":\"y\",\"59\":\"y\",\"60\":\"y\",\"61\":\"y\",\"62\":\"y\",\"63\":\"y\",\"64\":\"y\",\"65\":\"y\",\"66\":\"y\",\"67\":\"y\",\"68\":\"y\",\"69\":\"y\",\"70\":\"y\",\"71\":\"y\",\"72\":\"y\",\"73\":\"y\",\"74\":\"y\",\"75\":\"y\",\"76\":\"y\",\"77\":\"y\",\"78\":\"y\",\"79\":\"y\",\"80\":\"y\",\"81\":\"y\",\"83\":\"y\",\"84\":\"y\",\"85\":\"y\",\"86\":\"y\",\"87\":\"y\",\"88\":\"y\",\"89\":\"y\",\"90\":\"y\",\"91\":\"y\",\"92\":\"y\",\"93\":\"y\",\"94\":\"y\",\"95\":\"y\",\"96\":\"y\",\"97\":\"y\",\"98\":\"y\",\"99\":\"y\",\"100\":\"y\",\"101\":\"y\",\"102\":\"y\",\"103\":\"y\",\"104\":\"y\",\"105\":\"y\",\"106\":\"y\",\"107\":\"y\",\"108\":\"y\",\"109\":\"y\",\"110\":\"y\",\"111\":\"y\",\"112\":\"y\",\"113\":\"y\",\"114\":\"y\",\"115\":\"y\",\"116\":\"y\",\"117\":\"y\",\"118\":\"y\",\"119\":\"y\",\"120\":\"y\",\"121\":\"y\",\"122\":\"y\",\"123\":\"y\",\"124\":\"y\",\"125\":\"y\",\"126\":\"y\",\"127\":\"y\"},\"safari\":{\"3.1\":\"n\",\"3.2\":\"n\",\"4\":\"p\",\"5\":\"p\",\"5.1\":\"p\",\"6\":\"y\",\"6.1\":\"y\",\"7\":\"y\",\"7.1\":\"y\",\"8\":\"y\",\"9\":\"y\",\"9.1\":\"y\",\"10\":\"y\",\"10.1\":\"y\",\"11\":\"y\",\"11.1\":\"y\",\"12\":\"y\",\"12.1\":\"y\",\"13\":\"y\",\"13.1\":\"y\",\"14\":\"y\",\"14.1\":\"y\",\"15\":\"y\",\"15.1\":\"y\",\"15.2-15.3\":\"y\",\"15.4\":\"y\",\"15.5\":\"y\",\"15.6\":\"y\",\"16.0\":\"y\",\"16.1\":\"y\",\"16.2\":\"y\",\"16.3\":\"y\",\"16.4\":\"y\",\"16.5\":\"y\",\"16.6\":\"y\",\"17.0\":\"y\",\"17.1\":\"y\",\"17.2\":\"y\",\"17.3\":\"y\",\"17.4\":\"y\",\"17.5\":\"y\",\"TP\":\"y\"},\"opera\":{\"10.0-10.1\":\"n\",\"11.5\":\"p\",\"12.1\":\"p\",\"15\":\"y\",\"16\":\"y\",\"17\":\"y\",\"18\":\"y\",\"19\":\"y\",\"20\":\"y\",\"21\":\"y\",\"22\":\"y\",\"23\":\"y\",\"24\":\"y\",\"25\":\"y\",\"26\":\"y\",\"27\":\"y\",\"28\":\"y\",\"29\":\"y\",\"30\":\"y\",\"31\":\"y\",\"32\":\"y\",\"33\":\"y\",\"34\":\"y\",\"35\":\"y\",\"36\":\"y\",\"37\":\"y\",\"38\":\"y\",\"39\":\"y\",\"40\":\"y\",\"41\":\"y\",\"42\":\"y\",\"43\":\"y\",\"44\":\"y\",\"45\":\"y\",\"46\":\"y\",\"47\":\"y\",\"48\":\"y\",\"49\":\"y\",\"50\":\"y\",\"51\":\"y\",\"52\":\"y\",\"53\":\"y\",\"54\":\"y\",\"55\":\"y\",\"56\":\"y\",\"57\":\"y\",\"58\":\"y\",\"60\":\"y\",\"62\":\"y\",\"63\":\"y\",\"64\":\"y\",\"65\":\"y\",\"66\":\"y\",\"67\":\"y\",\"68\":\"y\",\"69\":\"y\",\"70\":\"y\",\"71\":\"y\",\"72\":\"y\",\"73\":\"y\",\"74\":\"y\",\"75\":\"y\",\"76\":\"y\",\"77\":\"y\",\"78\":\"y\",\"79\":\"y\",\"80\":\"y\",\"81\":\"y\",\"82\":\"y\",\"83\":\"y\",\"84\":\"y\",\"85\":\"y\",\"86\":\"y\",\"87\":\"y\",\"88\":\"y\",\"89\":\"y\",\"90\":\"y\",\"91\":\"y\",\"92\":\"y\",\"93\":\"y\",\"94\":\"y\",\"95\":\"y\",\"96\":\"y\",\"97\":\"y\",\"98\":\"y\",\"99\":\"y\",\"100\":\"y\",\"101\":\"y\",\"102\":\"y\",\"103\":\"y\",\"104\":\"y\",\"105\":\"y\",\"106\":\"y\",\"107\":\"y\",\"108\":\"y\",\"109\":\"y\"},\"ios_saf\":{\"3.2\":\"n\",\"4.0-4.1\":\"p\",\"4.2-4.3\":\"p\",\"5.0-5.1\":\"p\",\"6.0-6.1\":\"y\",\"7.0-7.1\":\"y\",\"8\":\"y\",\"8.1-8.4\":\"y\",\"9.0-9.2\":\"y\",\"9.3\":\"y\",\"10.0-10.2\":\"y\",\"10.3\":\"y\",\"11.0-11.2\":\"y\",\"11.3-11.4\":\"y\",\"12.0-12.1\":\"y\",\"12.2-12.5\":\"y\",\"13.0-13.1\":\"y\",\"13.2\":\"y\",\"13.3\":\"y\",\"13.4-13.7\":\"y\",\"14.0-14.4\":\"y\",\"14.5-14.8\":\"y\",\"15.0-15.1\":\"y\",\"15.2-15.3\":\"y\",\"15.4\":\"y\",\"15.5\":\"y\",\"15.6-15.8\":\"y\",\"16.0\":\"y\",\"16.1\":\"y\",\"16.2\":\"y\",\"16.3\":\"y\",\"16.4\":\"y\",\"16.5\":\"y\",\"16.6-16.7\":\"y\",\"17.0\":\"y\",\"17.1\":\"y\",\"17.2\":\"y\",\"17.3\":\"y\",\"17.4\":\"y\",\"17.5\":\"y\"},\"op_mini\":{\"all\":\"n\"},\"android\":{\"2.1\":\"p\",\"2.2\":\"p\",\"2.3\":\"p\",\"3\":\"p\",\"4\":\"p\",\"4.1\":\"p\",\"4.2-4.3\":\"p\",\"4.4\":\"y\",\"4.4.3-4.4.4\":\"y\",\"124\":\"y\"},\"bb\":{\"7\":\"p\",\"10\":\"y\"},\"op_mob\":{\"12\":\"p\",\"12.1\":\"p\",\"80\":\"y\"},\"and_chr\":{\"124\":\"y\"},\"and_ff\":{\"125\":\"y\"},\"ie_mob\":{\"10\":\"p\",\"11\":\"p\"},\"and_uc\":{\"15.5\":\"y\"},\"samsung\":{\"4\":\"y\",\"5.0-5.4\":\"y\",\"6.2-6.4\":\"y\",\"7.2-7.4\":\"y\",\"8.2\":\"y\",\"9.2\":\"y\",\"10.1\":\"y\",\"11.1-11.2\":\"y\",\"12.0\":\"y\",\"13.0\":\"y\",\"14.0\":\"y\",\"15.0\":\"y\",\"16.0\":\"y\",\"17.0\":\"y\",\"18.0\":\"y\",\"19.0\":\"y\",\"20\":\"y\",\"21\":\"y\",\"22\":\"y\",\"23\":\"y\",\"24\":\"y\"},\"and_qq\":{\"14.9\":\"y\"},\"baidu\":{\"13.52\":\"y\"},\"kaios\":{\"2.5\":\"y\",\"3.0-3.1\":\"y\"}},\"bug_count\":0,\"link_count\":4,\"notes\":\"\",\"notes_by_num\":{},\"ucprefix\":false,\"parent\":\"\",\"children\":null,\"keywords\":\"\",\"date_published\":\"2015-07-16\",\"chrome_id\":\"5222955109842944\",\"baseCategories\":[\"HTML5\"]}\n]"};</script></head> <body class="is-home"> <div id="main" class="ciu-main-wrap"> <header class="ciu-page-header"> <nav role="navigation" id="tab-container"> <ul class="ciu-page-header__primary-nav"> <li class="site-nav-item js-site-nav"><a href="/" data-route="home">Home</a></li> <li class="site-nav-item js-site-nav site-nav-item--news"><a href="/ciu/news" data-route="news">News</a></li> </ul> <ul class="ciu-page-header__secondary-nav"> <li class="site-nav-item js-site-nav site-nav-item--comparison"><a href="/ciu/comparison" data-route="comparison">Compare<span class="site-nav__extra-text"> browsers</span></a></li> <li class="site-nav-item js-site-nav site-nav-item--last "><a href="/ciu/about" data-route="about">About</a></li> </ul> <a class="news js-news" data-newstime="1712448000" href="https://caniuse.com/wasm-bigint,wasm-bulk-memory,wasm-multi-value,wasm-mutable-globals,wasm-nontrapping-fptoint,wasm-signext,wasm-simd,wasm-threads"><span class="date">April 7, 2024 -</span> 8 new features</a> </nav> <section class="ciu-search"> <div class="ciu-search__inner js-search"> <a href="/" class="ciu-search__label">Can I use</a> <form action="/" class="ciu-search__form"> <label class="ciu-search__a11y-label" for="feat_search">Search</label> <input type="text" class="ciu-search__input" id="feat_search" name="search" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" autofocus value=""> <input type="hidden" name="static" value="1"> </form> ? <button class="options-toggle js-options-toggle"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="icon"> <path d="M16,8.87V7L15.74,7l-1.95-.64-.52-1.25,1-2.12L13,1.67l-.25.12-1.82.93L9.66,2.2,8.87,0H7.05L7,.26,6.33,2.21l-1.25.52L3,1.73,1.67,3l.12.25.93,1.82L2.2,6.34,0,7.13V8.95L.26,9l2,.64.52,1.25L1.73,13,3,14.33l.25-.12,1.82-.93,1.26.52L7.13,16H8.95L9,15.74l.64-2,1.26-.52,2.11,1L14.33,13l-.12-.25-.93-1.82.52-1.26ZM8,10.55A2.55,2.55,0,1,1,10.55,8,2.55,2.55,0,0,1,8,10.55Z"/> </svg> <span> Settings </span> </button> </div> <div class="search-result-info js-search-result-info hidden"></div> </section> </header> <main class="ciu-page-content js-content" data-static-id="feat"> <article class="feature-block feature-block--feature static-block"> <section> <div class="feature-heading"> <h3 class="feature-title"> srcdoc attribute for iframes </h3> <a href="https://html.spec.whatwg.org/multipage/embedded-content.html#attr-iframe-srcdoc" class="specification ls" title="WHATWG Living Standard"> <i class="icon icon-spec"></i> - LS </a> </div> <aside class="usage-container"> <ul> <li class="support-stats" data-usage-id="region.global"> <h4><span class="usage-title">Global usage</span></h4> <span class="support" title="Supported">97.66%</span> <span> + </span> <span class="partial" title="Partally Supported">0%</span> <span> = </span> <span class="total" title="Total">97.66%</span> </li> </ul> </aside> <div class="feature-description"><p>Override the content specified in the <code>src</code> attribute (if present) with HTML content within the attribute.</p> </div><div class="support-container-wrap view-mode-normal"><div class="support-container" style="min-width: 1360px"><div class="support-list last-era-3"><h4 class="browser-heading browser--chrome">Chrome</h4><div class="cell-filler" style="height: 0px;"></div><ol><li class="stat-cell n past" title="Global usage: 0.00% - Not supported" >4 - 13<span class="a11y-only">: Not supported</span></li><li class="stat-cell p past" title="Global usage: 0.00% - Not supported (but has polyfill available)" >14 - 19<span class="a11y-only">: Not supported (but has polyfill available)</span></li><li class="stat-cell y past" title="Global usage: 22.86% - Supported" >20 - 123<span class="a11y-only">: Supported</span></li><li class="stat-cell y current" title="Global usage: 0.02% - Supported" >124<span class="a11y-only">: Supported</span></li><li class="stat-cell y future" title="Global usage: 0.00% - Supported" >125 - 127<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--edge">Edge</h4><div class="cell-filler" style="height: 30px;"></div><ol><li class="stat-cell p past" title="Global usage: 0.04% - Not supported (but has polyfill available)" >12 - 18<span class="a11y-only">: Not supported (but has polyfill available)</span></li><li class="stat-cell y past" title="Global usage: 4.76% - Supported" >79 - 123<span class="a11y-only">: Supported</span></li><li class="stat-cell y current" title="Global usage: 0.00% - Supported" >124<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-2"><h4 class="browser-heading browser--safari">Safari</h4><div class="cell-filler" style="height: 0px;"></div><ol><li class="stat-cell n past" title="Global usage: 0.00% - Not supported" >3.1 - 3.2<span class="a11y-only">: Not supported</span></li><li class="stat-cell p past" title="Global usage: 0.00% - Not supported (but has polyfill available)" >4 - 5.1<span class="a11y-only">: Not supported (but has polyfill available)</span></li><li class="stat-cell y past" title="Global usage: 2.96% - Supported" >6 - 17.3<span class="a11y-only">: Supported</span></li><li class="stat-cell y current" title="Global usage: 0.22% - Supported" >17.4<span class="a11y-only">: Supported</span></li><li class="stat-cell y future" title="Global usage: 0.00% - Supported" >17.5 - TP<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-3"><h4 class="browser-heading browser--firefox">Firefox</h4><div class="cell-filler" style="height: 0px;"></div><ol><li class="stat-cell n past" title="Global usage: 0.00% - Not supported" >2<span class="a11y-only">: Not supported</span></li><li class="stat-cell p past" title="Global usage: 0.02% - Not supported (but has polyfill available)" >3 - 24<span class="a11y-only">: Not supported (but has polyfill available)</span></li><li class="stat-cell y past" title="Global usage: 2.37% - Supported" >25 - 124<span class="a11y-only">: Supported</span></li><li class="stat-cell y current" title="Global usage: 0.00% - Supported" >125<span class="a11y-only">: Supported</span></li><li class="stat-cell y future" title="Global usage: 0.00% - Supported" >126 - 128<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--opera">Opera</h4><div class="cell-filler" style="height: 0px;"></div><ol><li class="stat-cell n past" title="Global usage: 0.00% - Not supported" >9 - 11<span class="a11y-only">: Not supported</span></li><li class="stat-cell p past" title="Global usage: 0.00% - Not supported (but has polyfill available)" >11.1 - 12.1<span class="a11y-only">: Not supported (but has polyfill available)</span></li><li class="stat-cell y past" title="Global usage: 1.07% - Supported" >15 - 108<span class="a11y-only">: Supported</span></li><li class="stat-cell y current" title="Global usage: 0.00% - Supported" >109<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--ie">IE</h4><div class="cell-filler" style="height: 30px;"></div><ol><li class="stat-cell n past" title="Global usage: 0.00% - Not supported" >5.5<span class="a11y-only">: Not supported</span></li><li class="stat-cell p past" title="Global usage: 0.09% - Not supported (but has polyfill available)" >6 - 10<span class="a11y-only">: Not supported (but has polyfill available)</span></li><li class="stat-cell p current" title="Global usage: 0.50% - Not supported (but has polyfill available)" >11<span class="a11y-only">: Not supported (but has polyfill available)</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--and_chr">Chrome for Android</h4><div class="cell-filler" style="height: 94px;"></div><ol><li class="stat-cell y current" title="Global usage: 42.29% - Supported" >124<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-1"><h4 class="browser-heading browser--ios_saf">Safari on iOS</h4><div class="cell-filler" style="height: 0px;"></div><ol><li class="stat-cell n past" title="Global usage: 0.00% - Not supported" >3.2<span class="a11y-only">: Not supported</span></li><li class="stat-cell p past" title="Global usage: 0.00% - Not supported (but has polyfill available)" >4 - 5.1<span class="a11y-only">: Not supported (but has polyfill available)</span></li><li class="stat-cell y past" title="Global usage: 13.91% - Supported" >6 - 17.3<span class="a11y-only">: Supported</span></li><li class="stat-cell y current" title="Global usage: 1.09% - Supported" >17.4<span class="a11y-only">: Supported</span></li><li class="stat-cell y future" title="Global usage: 0.00% - Supported" >17.5<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--samsung">Samsung Internet</h4><div class="cell-filler" style="height: 62px;"></div><ol><li class="stat-cell y past" title="Global usage: 1.57% - Supported" >4 - 23<span class="a11y-only">: Supported</span></li><li class="stat-cell y current" title="Global usage: 1.16% - Supported" >24<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--op_mini">Opera Mini</h4><div class="cell-filler" style="height: 94px;"></div><ol><li class="stat-cell n current" title="Global usage: 0.09% - Not supported" >all<span class="a11y-only">: Not supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--op_mob">Opera Mobile</h4><div class="cell-filler" style="height: 30px;"></div><ol><li class="stat-cell n past" title="Global usage: 0.00% - Not supported" >10 - 11<span class="a11y-only">: Not supported</span></li><li class="stat-cell p past" title="Global usage: 0.00% - Not supported (but has polyfill available)" >11.1 - 12.1<span class="a11y-only">: Not supported (but has polyfill available)</span></li><li class="stat-cell y current" title="Global usage: 1.26% - Supported" >80<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--and_uc">UC Browser for Android</h4><div class="cell-filler" style="height: 94px;"></div><ol><li class="stat-cell y current" title="Global usage: 0.89% - Supported" >15.5<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--android">Android Browser</h4><div class="cell-filler" style="height: 30px;"></div><ol><li class="stat-cell p past" title="Global usage: 0.00% - Not supported (but has polyfill available)" >2.1 - 4.3<span class="a11y-only">: Not supported (but has polyfill available)</span></li><li class="stat-cell y past" title="Global usage: 0.00% - Supported" >4.4 - 4.4.4<span class="a11y-only">: Supported</span></li><li class="stat-cell y current" title="Global usage: 0.63% - Supported" >124<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--and_ff">Firefox for Android</h4><div class="cell-filler" style="height: 94px;"></div><ol><li class="stat-cell y current" title="Global usage: 0.30% - Supported" >125<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--and_qq">QQ Browser</h4><div class="cell-filler" style="height: 94px;"></div><ol><li class="stat-cell y current" title="Global usage: 0.24% - Supported" >14.9<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--baidu">Baidu Browser</h4><div class="cell-filler" style="height: 94px;"></div><ol><li class="stat-cell y current" title="Global usage: 0.00% - Supported" >13.52<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--kaios">KaiOS Browser</h4><div class="cell-filler" style="height: 62px;"></div><ol><li class="stat-cell y past" title="Global usage: 0.08% - Supported" >2.5<span class="a11y-only">: Supported</span></li><li class="stat-cell y current" title="Global usage: 0.00% - Supported" >3<span class="a11y-only">: Supported</span></li></ol></div></div></div><dl class="single-feat-resources"><dt>Resources:</dt><dd><a href="https://bocoup.com/weblog/third-party-javascript-development-future/">Article</a></dd><dd><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe">MDN Web Docs - iframe</a></dd><dd><a href="https://github.com/jugglinmike/srcdoc-polyfill">Srcdoc Polyfill</a></dd></dl> </section> </article> </main> <footer class="ciu-footer"> <div class="footer__section footer__primary"> <h3 class="footer__heading">Can I use...</h3> <p class="site-description">Browser support tables for modern web technologies</p> <p>Created & maintained by <a class="external-link" href="https://front-end.social/@fyrd">@Fyrd</a>, design by <a class="external-link" href="https://mastodon.world/@lensco">@Lensco</a>.</p> <p>Support data contributions by the GitHub <a class="external-link" href="https://github.com/Fyrd/caniuse/graphs/contributors">community</a>. <p id="usage_note"> Usage share statistics by <a class="external-link" href="http://gs.statcounter.com/">StatCounter GlobalStats</a> for March, 2024 </p> <p>Location detection provided by <a class="external-link" href="//ipinfo.io">ipinfo.io</a>. </p> <p> Browser testing done via <a class="external-link" href="https://www.browserstack.com?ref=caniuse-source&caniuse_source=brand-asset" target="_blank"> <img src="/img/browserstack.svg" alt="BrowserStack" width="140" height="28" loading="lazy"> </a> </p> </div> <div class="footer__section footer__patreon"> <h3 class="footer__heading">Support via Patreon</h3> <p>Become a caniuse Patron to support the site for only $1/month!</p> <div class="patreon-button"> <a href="https://www.patreon.com/join/caniuse"> <img src="/img/become_a_patron_button.png" width="163" height="38" alt="Become a Patron!" loading="lazy"> </a> </div> <p> or <a class="external-link" href="http://www.patreon.com/oauth2/authorize?response_type=code&client_id=efdd32564c7459c2c0dcd644b984e6948070b23b72961a3b9fb32ab3ad797184&redirect_uri=https%3A%2F%2Fcaniuse.com">Log in</a> </p> </div> <div class="footer__section footer__links"> <h3 class="footer__heading">Site links</h3> <ol class="footer__list"> <li class="footer__list-item"> <a href="/">Home</a> </li> <li class="footer__list-item"> <a href="/ciu/index">Feature index</a> </li> <li class="footer__list-item"> <a href="/usage-table">Browser usage table</a> </li> <li class="footer__list-item"> <a href="/issue-list">Feature suggestion list</a> </li> <li class="footer__list-item"> <a href="https://github.com/fyrd/caniuse">Caniuse data on GitHub</a> </li> </ol> </div> <div class="footer__section footer__legend"> <section class="ciu-legend js-legend"> <h2 class="ciu-legend__header">Legend</h2> <ul class="ciu-legend__list"> <li class="ciu-legend__item"> <span class="y ciu-legend__color">Green</span> = Supported </li> <li class="ciu-legend__item"> <span class="n ciu-legend__color">Red</span> = Not supported </li> <li class="ciu-legend__item"> <span class="a ciu-legend__color">Greenish yellow</span> = Partial support </li> <li class="ciu-legend__item"> <span class="u ciu-legend__color">Gray</span> = Support unknown </li> </ul> </section> </div> </footer> </div><!-- /all --> </body> </html>
Count CSS Statements