Thread by @swapnakpanda

60+ Shorthand Properties : CSS 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
➀➀ overscroll-behavior

➀➁ inset
➀➂ inset-block
➀➃ inset-inline
➀➄ margin
➀➅ margin-block
➀➆ margin-inline
➀➇ scroll-margin
➀➈ padding
20.padding-block
➁➀ padding-inline
➁➁ 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
➃➆ columns
➃➇ columns-rule
➃➈ mask
50. animation
➄➀ transition
➄➁ pause

➄➂ 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 all sincerity. 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.

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 ✅