Thread by @swapnakpanda

💎 60+ CSS Shorthand Properties : Cheat Sheet

🌆 Direct Link for High Resolution Image

If you liked this one, give a ⭐️ to this GitHub repo to support my work.

✧ Direct Link:
github.com/swapnakpanda/I…

Do you want this entire list in text format?

Here are those.

➀ all
➁ background
➂ background-position
➃ font
➄ text-align
➅ text-decoration
➆ text-emphasis
➇ list-style
➈ offset
➉ overflow

➀➀ inset
➀➁ inset-block
➀➂ inset-inline
➀➃ margin
➀➄ margin-block
➀➅ margin-inline
➀➆ padding
➀➇ padding-block
➀➈ padding-inline
20. overscroll-behavior
➁➀ scroll-margin
➁➁ scroll-padding

➁➂ border
➁➃ border-top
➁➄ border-right
➁➅ border-bottom
➁➆ border-left
➁➇ border-block
➁➈ border-block-start
30. border-block-end
➂➀ border-inline
➂➁ border-inline-start
➂➂ border-inline-end

➂➃ border-color
➂➄ border-block-color
➂➅ border-inline-color
➂➆ border-style
➂➇ border-block-style
➂➈ border-inline-style
40. border-width
➃➀ border-block-width
➃➁ border-inline-width
➃➂ border-radius
➃➃ border-image
➃➄ outline
➃➅ block-step

➃➆ mask
➃➇ animation
➃➈ transition
50. pause
➄➀ columns
➄➁ columns-rule
➄➂ flex
➄➃ flex-flow
➄➄ place-content
➄➅ place-items
➄➆ place-self
➄➇ grid
➄➈ grid-area
60. grid-column
➅➀ grid-row
➅➁ grid-template
➅➂ gap

🚥 Disclaimer

✧ I have compiled these information with utmost care. But in case you find any omissions or, wrong representations, 💬 me.

✧ If you have any suggestions or, feedbacks, share those with me. I am eager to hear from you.

🥈 Previous Version

Are you interested in checking this cheat sheet in a different format (the v2.0)?

Here it is:

https://twitter.com/swapnakpanda/status/1504089194443907074?s=20

End of 🧵

Hey 👋 I am a Tech Educator from India 🇮🇳

I am sharing Tutorials, Tips, Techniques, Infographics, Cheat Sheets, Interview Questions and Roadmaps on Web Development, DSA and, Database.

Are you interested? I am sure, you are.

To never miss anything, Follow Me ✅