1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 5<meta charset="utf-8" /> 6<title>The CSS3 Test</title> 7<link rel="stylesheet" href="style.css" /> 8
9<script>var _gaq = [['_setAccount', 'UA-28874455-1'], ['_trackPageview'], ['_gat._anonymizeIp']];</script>
vendor: 1 bytes, line 9
9
10<script src="https://www.google-analytics.com/ga.js" async></script>
10 11 12</head> 13<body> 14 15<h1>The CSS3 test</h1> 16 17<div id="content"> 18 19 <section id="tests"> 20 <section class="caution"> 21 <p>𤫠<em>Psst!</em> 22 Weâre working on a new version of this site, 23 check it out at <a href="https://browserscore.dev">browserscore.dev âï¸</a>! 24 </p> 25 </section> 26 <div id="hgroup"> 27 <h1>Your browser scores <strong id="score">0%</strong></h1> 28 <h2>Determined by passing <strong id="passedTests"></strong> tests out of <strong id="totalTests"></strong> total for <strong id="total"></strong> features</h2> 29 </div> 30 31 <section id="all"></section> 32 </section> 33 34 <aside> 35 36 37 <p>Time taken: <strong id="timeTaken"></strong></p> 38 39 <section> 40
40<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=css3testcom" id="_carbonads_js"></script>
40 41 </section> 42 43 <section> 44 <h1>Filter:</h1> 45 <form> 46 <select id="filter"> 47 <option value="" title="All specifications including experimental ones but without CSS 2.2">All except CSS 2.2</option> 48 <option value="all" title="All specifications including experimental ones">All</option> 49 <option value="stable" title="All specifications listed in the latest CSS snapshot, their predecessors and others that won't change much anymore">Stable</option> 50 <option value="experimental" title="All specifications not listed in the latest CSS snapshot">Experimental</option> 51 <optgroup label="Standardization groups"> 52 <option value="csswg" title="All specifications managed by the CSS Working Group (CSSWG) except CSS Houdini">CSS</option> 53 <option value="houdini" title="All specifications related to CSS Houdini managed by the CSS Working Group (CSSWG)">CSS Houdini</option> 54 <option value="svgwg" title="All specifications managed by the SVG Working Group (SVGWG)">SVG</option> 55 <option value="whatwg" title="All specifications managed by the Web Hypertext Application Technology Working Group (WHATWG)">WHATWG</option> 56 <option value="others" title="All specifications managed by other standardization groups">Others</option> 57 </optgroup> 58 <optgroup label="CSS snapshots"> 59 <option value="css2.2" title="Everything included in CSS 2.2">CSS 2.2</option> 60 <option value="css2007" title="All specifications marked as official part of the CSS 2007 snapshot">CSS 2007</option> 61 <option value="css2010" title="All specifications marked as official part of the CSS 2010 snapshot">CSS 2010</option> 62 <option value="css2015" title="All specifications marked as official part of the CSS 2015 snapshot">CSS 2015</option> 63 <option value="css2017" title="All specifications marked as official part of the CSS 2017 snapshot">CSS 2017</option> 64 <option value="css2018" title="All specifications marked as official part of the CSS 2018 snapshot">CSS 2018</option> 65 <option value="css2020" title="All specifications marked as official part of the CSS 2020 snapshot">CSS 2020</option> 66 <option value="css2021" title="All specifications marked as official part of the CSS 2021 snapshot">CSS 2021</option> 67 <option value="css2022" title="All specifications marked as official part of the CSS 2022 snapshot">CSS 2022</option> 68 <option value="css2023" title="All specifications marked as official part of the CSS 2023 snapshot">CSS 2023</option> 69 <option value="css2024" title="All specifications marked as official part of the CSS 2024 snapshot">CSS 2024</option> 70 </optgroup> 71 </select> 72 </form> 73 </section> 74 75 <section> 76 <h1>Specs tested:</h1> 77 <ul id="specsTested"></ul> 78 Want more tests? <a href="https://github.com/LeaVerou/css3test" target="_blank">Be my guest!</a> 79 </section> 80 81 <section class="caution"> 82 <p><strong>Caution:</strong> 83 This test checks which CSS3 features the browser recognizes, <em>not</em> whether they are implemented correctly.</p> 84 </section> 85 86 <footer> 87 <p> 88 ✿ Handcrafted by <a href="https://lea.verou.me">Lea Verou</a> and <a href="https://github.com/LeaVerou/css3test/graphs/contributors">friends</a> 89 ✿ <a href="https://github.com/sponsors/LeaVerou">Sponsor</a> 90 </p> 91 </footer> 92 </aside> 93</div> 94
95<script src="https://cdnjs.cloudflare.com/ajax/libs/blissfuljs/1.0.3/bliss.js"></script>
vendor: 1 bytes, line 95
95
96<script src="supports.js"></script>
vendor: 1 bytes, line 96
96
97<script src="csstest.js" type="module"></script>
vendor: 1 bytes, line 97
97
98<script src="filter.js"></script>
98 99 100
101<script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="999cd8d9-15ad-447b-ba15-410f4344eac5" data-netlify-deploy-branch="v1" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiOTk5Y2Q4ZDktMTVhZC00NDdiLWJhMTUtNDEwZjQzNDRlYWM1IiwiYWNjb3VudF9pZCI6IjU4ZjMzNmVjYzRkOWNjNDhmMmZiYzAwZSIsImRlcGxveV9pZCI6IjY4YWM3NDY3NmI5MWU1MDAwODUwODI3NiIsImlzc3VlciI6Im5mc2VydmVyIn0.HmzgYJVO2kTCPExGCcnd7mKhsqcWHKQyioV76xt1q5o"></script>
101 102</body> 103</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.