CSS Box Model
Visually Explained📝
Thread 🧵
Visually Explained📝
Thread 🧵
🔶Explanation of the different parts:
🔹Content - The content of the box, where text and images appear
🔹Padding - Clears an area around the content. The padding is transparent
🔹Border - A border that goes around the padding and content
🔹Content - The content of the box, where text and images appear
🔹Padding - Clears an area around the content. The padding is transparent
🔹Border - A border that goes around the padding and content
🔹Margin - Clears an area outside the border. The margin is transparent
The box model allows us to add a border around elements, and to define space between elements.
Example👇
The box model allows us to add a border around elements, and to define space between elements.
Example👇
If you find the thread useful
1. Like the thread
2. Retweet the first tweet.
3. Follow me and enable notifications: ✅
@codemarch
And also look at our E-book (HTML & CSS Visual Treat!)👇codemarch.gumroad.com/l/hxazr
1. Like the thread
2. Retweet the first tweet.
3. Follow me and enable notifications: ✅
@codemarch
And also look at our E-book (HTML & CSS Visual Treat!)👇codemarch.gumroad.com/l/hxazr
• • •
Missing some Tweet in this thread? You can try to
force a refresh
