Published at
Updated at
Reading time
1min

The CSS property inset is a new shorthand for top, right, bottom and left. Today I found out that Safari supports it starting with 14.1, which means that the CSS property is now supported across all major browsers. 🎉

caniuse.com table showing the browser support for inset which is green across browsers since Safari 14.1

The MDN data for Edge seems to be incorrect. I tested the current Edge and it worked fine.

If you want to learn what it's about, have a look at the #devsheet I tweeted a year ago.

Video explanation of the top, right, bottom, left shorthand property inset

Was this post helpful?
Yes? Cool! You might want to check out Web Weekly for more WebDev shenanigans. The last edition went out 12 days ago.

Related Topics

Related Articles

About the author

Stefan standing in the park in front of a green background

Frontend nerd with over ten years of experience, "Today I Learned" blogger, conference speaker, Tiny helpers maintainer, and DevRel at Checkly.