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 4 days ago.
Stefan standing in the park in front of a green background

About Stefan Judis

Frontend nerd with over ten years of experience, freelance dev, "Today I Learned" blogger, conference speaker, and Open Source maintainer.

Related Topics

Related Articles