What is Can I use?
Can I use is a useful website used to check if specific browsers support certain features. Like Flexbox for example.
4 Specific Uses of resource information
-
Research Compatability
Let's say you want to use the gap property for flexbox in your design. If you're not sure it's a widely supported property then you can pop on over to caniuse, enter gap property into the search box and you'll find exactly what browsers support it. You'll also find what version of the browser you need to have to support it. The gap property is supported 92.71% globally BTW.
-
Find known issues
There is a tab at the bottom of each table where you can find known issues specific to each browser.
-
Resources
There is a tab that holds lists of resources that you can use to find out more about the property in question.
-
Save
There is a handy save option so you can save your searches for future use.
2 Properties
- CSS Variables (Custom Properties)
Custom Properties are fully supported 95.35% globally. Opera Mini, and IE are the only two browsers listed that don't currently support custom properties. Since IE is dead, that's not a surprise. There are 4 bugs listed under the known issues tab. 3 of those issues belong to Edge 15, and 1 to Safari 9.1 to 9.3.
- CSS outline property
I didn't even know this existed. But it is supported by 96.25% globally. Opera Mini, and IE6-7 are the only ones that don't support it. IE 8-11 had partial support for the outline property though. There are no known issues reported for this property either.
Summary
caniuse is a useful resource. As far as I can tell any property you want to research is there. support for current browsers, future support and previous browser versions are all there. So if you're just dying to try out that new property and it doesn't work on your current browser just look it up on caniuse and see how long you'll have to wait.