{ "title":"CSS overflow property", "description":"Originally a single property for controlling overflowing content in both horizontal & vertical directions, the `overflow` property is now a shorthand for `overflow-x` & `overflow-y`. The latest version of the specification also introduces the `clip` value that blocks programmatic scrolling.", "spec":"https://www.w3.org/TR/css-overflow-3/", "status":"wd", "links":[ { "url":"https://developer.mozilla.org/en-US/docs/Web/CSS/overflow", "title":"CSS overflow on MDN" }, { "url":"https://bugs.webkit.org/show_bug.cgi?id=184691", "title":"WebKit bug on support for two values syntax" }, { "url":"https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/16993428/", "title":"Edge bug on support for two values syntax" } ], "bugs":[ ], "categories":[ "CSS" ], "stats":{ "ie":{ "5.5":"a #1 #2", "6":"a #1 #2", "7":"a #1 #2", "8":"a #1 #2", "9":"a #1 #2", "10":"a #1 #2", "11":"a #1 #2" }, "edge":{ "12":"a #1 #2", "13":"a #1 #2", "14":"a #1 #2", "15":"a #1 #2", "16":"a #1 #2", "17":"a #1 #2", "18":"a #1 #2" }, "firefox":{ "2":"a #1 #2", "3":"a #1 #2", "3.5":"a #1 #2", "3.6":"a #1 #2", "4":"a #1 #2", "5":"a #1 #2", "6":"a #1 #2", "7":"a #1 #2", "8":"a #1 #2", "9":"a #1 #2", "10":"a #1 #2", "11":"a #1 #2", "12":"a #1 #2", "13":"a #1 #2", "14":"a #1 #2", "15":"a #1 #2", "16":"a #1 #2", "17":"a #1 #2", "18":"a #1 #2", "19":"a #1 #2", "20":"a #1 #2", "21":"a #1 #2", "22":"a #1 #2", "23":"a #1 #2", "24":"a #1 #2", "25":"a #1 #2", "26":"a #1 #2", "27":"a #1 #2", "28":"a #1 #2", "29":"a #1 #2", "30":"a #1 #2", "31":"a #1 #2", "32":"a #1 #2", "33":"a #1 #2", "34":"a #1 #2", "35":"a #1 #2", "36":"a #1 #2", "37":"a #1 #2", "38":"a #1 #2", "39":"a #1 #2", "40":"a #1 #2", "41":"a #1 #2", "42":"a #1 #2", "43":"a #1 #2", "44":"a #1 #2", "45":"a #1 #2", "46":"a #1 #2", "47":"a #1 #2", "48":"a #1 #2", "49":"a #1 #2", "50":"a #1 #2", "51":"a #1 #2", "52":"a #1 #2", "53":"a #1 #2", "54":"a #1 #2", "55":"a #1 #2", "56":"a #1 #2", "57":"a #1 #2", "58":"a #1 #2", "59":"a #1 #2", "60":"a #1 #2", "61":"a #2", "62":"a #2", "63":"a #2", "64":"a #2", "65":"a #2" }, "chrome":{ "4":"a #1 #2", "5":"a #1 #2", "6":"a #1 #2", "7":"a #1 #2", "8":"a #1 #2", "9":"a #1 #2", "10":"a #1 #2", "11":"a #1 #2", "12":"a #1 #2", "13":"a #1 #2", "14":"a #1 #2", "15":"a #1 #2", "16":"a #1 #2", "17":"a #1 #2", "18":"a #1 #2", "19":"a #1 #2", "20":"a #1 #2", "21":"a #1 #2", "22":"a #1 #2", "23":"a #1 #2", "24":"a #1 #2", "25":"a #1 #2", "26":"a #1 #2", "27":"a #1 #2", "28":"a #1 #2", "29":"a #1 #2", "30":"a #1 #2", "31":"a #1 #2", "32":"a #1 #2", "33":"a #1 #2", "34":"a #1 #2", "35":"a #1 #2", "36":"a #1 #2", "37":"a #1 #2", "38":"a #1 #2", "39":"a #1 #2", "40":"a #1 #2", "41":"a #1 #2", "42":"a #1 #2", "43":"a #1 #2", "44":"a #1 #2", "45":"a #1 #2", "46":"a #1 #2", "47":"a #1 #2", "48":"a #1 #2", "49":"a #1 #2", "50":"a #1 #2", "51":"a #1 #2", "52":"a #1 #2", "53":"a #1 #2", "54":"a #1 #2", "55":"a #1 #2", "56":"a #1 #2", "57":"a #1 #2", "58":"a #1 #2", "59":"a #1 #2", "60":"a #1 #2", "61":"a #1 #2", "62":"a #1 #2", "63":"a #1 #2", "64":"a #1 #2", "65":"a #1 #2", "66":"a #1 #2", "67":"a #1 #2", "68":"a #2", "69":"a #2", "70":"a #2", "71":"a #2", "72":"a #2", "73":"a #2" }, "safari":{ "3.1":"a #1 #2", "3.2":"a #1 #2", "4":"a #1 #2", "5":"a #1 #2", "5.1":"a #1 #2", "6":"a #1 #2", "6.1":"a #1 #2", "7":"a #1 #2", "7.1":"a #1 #2", "8":"a #1 #2", "9":"a #1 #2", "9.1":"a #1 #2", "10":"a #1 #2", "10.1":"a #1 #2", "11":"a #1 #2", "11.1":"a #1 #2", "12":"a #1 #2", "TP":"a #1 #2" }, "opera":{ "9":"a #1 #2", "9.5-9.6":"a #1 #2", "10.0-10.1":"a #1 #2", "10.5":"a #1 #2", "10.6":"a #1 #2", "11":"a #1 #2", "11.1":"a #1 #2", "11.5":"a #1 #2", "11.6":"a #1 #2", "12":"a #1 #2", "12.1":"a #1 #2", "15":"a #1 #2", "16":"a #1 #2", "17":"a #1 #2", "18":"a #1 #2", "19":"a #1 #2", "20":"a #1 #2", "21":"a #1 #2", "22":"a #1 #2", "23":"a #1 #2", "24":"a #1 #2", "25":"a #1 #2", "26":"a #1 #2", "27":"a #1 #2", "28":"a #1 #2", "29":"a #1 #2", "30":"a #1 #2", "31":"a #1 #2", "32":"a #1 #2", "33":"a #1 #2", "34":"a #1 #2", "35":"a #1 #2", "36":"a #1 #2", "37":"a #1 #2", "38":"a #1 #2", "39":"a #1 #2", "40":"a #1 #2", "41":"a #1 #2", "42":"a #1 #2", "43":"a #1 #2", "44":"a #1 #2", "45":"a #1 #2", "46":"a #1 #2", "47":"a #1 #2", "48":"a #1 #2", "49":"a #1 #2", "50":"a #1 #2", "51":"a #1 #2", "52":"a #1 #2", "53":"a #1 #2", "54":"a #1 #2", "55":"a #2", "56":"a #2" }, "ios_saf":{ "3.2":"a #1 #2", "4.0-4.1":"a #1 #2", "4.2-4.3":"a #1 #2", "5.0-5.1":"a #1 #2", "6.0-6.1":"a #1 #2", "7.0-7.1":"a #1 #2", "8":"a #1 #2", "8.1-8.4":"a #1 #2", "9.0-9.2":"a #1 #2", "9.3":"a #1 #2", "10.0-10.2":"a #1 #2", "10.3":"a #1 #2", "11.0-11.2":"a #1 #2", "11.3-11.4":"a #1 #2", "12":"a #1 #2" }, "op_mini":{ "all":"a #1 #2" }, "android":{ "2.1":"a #1 #2", "2.2":"a #1 #2", "2.3":"a #1 #2", "3":"a #1 #2", "4":"a #1 #2", "4.1":"a #1 #2", "4.2-4.3":"a #1 #2", "4.4":"a #1 #2", "4.4.3-4.4.4":"a #1 #2", "67":"a #1 #2" }, "bb":{ "7":"a #1 #2", "10":"a #1 #2" }, "op_mob":{ "10":"a #1 #2", "11":"a #1 #2", "11.1":"a #1 #2", "11.5":"a #1 #2", "12":"a #1 #2", "12.1":"a #1 #2", "46":"a #1 #2" }, "and_chr":{ "69":"a #2" }, "and_ff":{ "62":"a #2" }, "ie_mob":{ "10":"a #1 #2", "11":"a #1 #2" }, "and_uc":{ "11.8":"a #1 #2" }, "samsung":{ "4":"a #1 #2", "5":"a #1 #2", "6.2":"a #1 #2", "7.2":"a #1 #2" }, "and_qq":{ "1.2":"a #1 #2" }, "baidu":{ "7.12":"a #1 #2" } }, "notes":"Effectively all browsers support the CSS 2.1 definition for single-value `overflow` as well as `overflow-x` & `overflow-y` and values `visible`, `hidden`, `scroll` & `auto`", "notes_by_num":{ "1":"Does not support the two value `overflow` shorthand", "2":"Does not support the `clip` value" }, "usage_perc_y":0, "usage_perc_a":96.19, "ucprefix":false, "parent":"", "keywords":"overflow:hidden,overflow:scroll,overflow:clip", "ie_id":"", "chrome_id":"", "firefox_id":"", "webkit_id":"", "shown":true }