🌆 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:
https://t.co/4tm0id59LH
What did we cover?

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
Hey 👋

I am a Tech Writer, Educator, and Mentor from India 🇮🇳, here sharing

✅ Tutorials
✅ Tricks
✅ Career Tips
✅ Cheat Sheets
✅ Practice Questions
✅ Project Ideas
on
➠ Web Development
➠ Data Structures and Algorithms
➠ Databases

Thanks for reading. 🙏

More from Swapna Kumar Panda

🛣 Beginner's Roadmap for Front-End

HTML & CSS → 👩‍💻 → JavaScript → 👩‍💻
↓
👩‍💻 ← React* ← 👩‍💻 ← Tailwind*
↓
TypeScript → 👩‍💻 → Next.js* → 👩‍💻 → 🏁

⇩

What would we cover?

➊ HTML & CSS
➋ JavaScript
➌ CSS Frameworks
➍ UI Frameworks
➎ TypeScript
➏ Server-side Frameworks
➐ Practice, Practice and, Practice
➑ Other Skills
➒ Frequently Asked Questions

➊ HTML & CSS

⬘ Your Front-End journey shall always start from HTML & CSS and, ends with these as well.

⬗ Don't over burden yourself to learn everything at once. It's a continuous subject.

⬙ Do not separate HTML from CSS. That's


➋ JavaScript

JavaScript is essential. You should start with basics and move to complex subjects.

❍ JavaScript Syntaxes
(preferably ES6 onwards)
❍ HTML DOM API
❍ Event Handling
❍ Fetch


➌ CSS Frameworks

CSS Framework is necessary if you are planning to be a professional developer.

There are so many options available.

❍ Tailwind CSS
❍ Bootstrap
❍ Chakra
❍ Bulma
❍ Foundation
❍ Skeleton
❍ Pure CSS

Start with anything. You can switch any time.

More from Catagory jee

A thread 🧵on Resources-for-preparation-Of-Placements Part -2 (Lecture video links)

**Designing**

- SYSTEM DESIGN

- Gaurav Sen - (
https://t.co/rzNpoBlK3q)

- SudoCode -

- LOW LEVEL DESIGN

- Soumyajit bhattacharya - (https://t.co/PCc8ZQAL8i)

- Sandeep Kaul - (https://t.co/ZH9Jq9Ei3p)

- Crack the System DesigN Interview - (https://t.co/8rhrPZZm1F)

- System Design Interview — Alex Xu -

- Designing Data Intensive Applications - (https://t.co/OhkTqqCQPx)

- System Design Interview - (https://t.co/7QvMtVRGvf)

- System Design - (https://t.co/ytpm3oy0tL)

- Services Engineering - (https://t.co/JPxM5YntWz)

- Engineering Blogs -

**Git and Github**

- Git and GitHub for Poets - (https://t.co/DsXVNVtENy)

**Projects**

- WEB DEVELOPMENT - (https://t.co/w1cEHZFRQz)

- DATA SCIENCE - (https://t.co/SJfFP4U0z0)

- MACHINE LEARNING -

You May Also Like

IMPORTANCE, ADVANTAGES AND CHARACTERISTICS OF BHAGWAT PURAN

It was Ved Vyas who edited the eighteen thousand shlokas of Bhagwat. This book destroys all your sins. It has twelve parts which are like kalpvraksh.

In the first skandh, the importance of Vedvyas


and characters of Pandavas are described by the dialogues between Suutji and Shaunakji. Then there is the story of Parikshit.
Next there is a Brahm Narad dialogue describing the avtaar of Bhagwan. Then the characteristics of Puraan are mentioned.

It also discusses the evolution of universe.(
https://t.co/2aK1AZSC79 )

Next is the portrayal of Vidur and his dialogue with Maitreyji. Then there is a mention of Creation of universe by Brahma and the preachings of Sankhya by Kapil Muni.


In the next section we find the portrayal of Sati, Dhruv, Pruthu, and the story of ancient King, Bahirshi.
In the next section we find the character of King Priyavrat and his sons, different types of loks in this universe, and description of Narak. ( https://t.co/gmDTkLktKS )


In the sixth part we find the portrayal of Ajaamil ( https://t.co/LdVSSNspa2 ), Daksh and the birth of Marudgans( https://t.co/tecNidVckj )

In the seventh section we find the story of Prahlad and the description of Varnashram dharma. This section is based on karma vaasna.