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

If you enjoyed this article...

Join 5.4k readers and learn something new every week with Web Weekly.

Web Weekly โ€” Your friendly Web Dev newsletter
Reply to this post and share your thoughts via good old email.
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