Explain CSS Box Model? - Site Owners Forums

jyothireddy · 10-19-2014, 03:18 AM

All HTML elements can be considered as boxes. In CSS, the term "box model" is used when talking about design and layout. The CSS box model is essentially a box that wraps around HTML elements, and it consists of: margins, borders, padding, and the actual content. The box model allows us to add a border around elements, and to define space between elements.
There will be different parts of that like:

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

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
oogle Adsense: How to Explain the Google Adsense Program to Others	theshawnchin	Google	2	06-11-2017 01:27 PM
Another box model hack alternative	davikerkrish	HTML / DHTML	0	09-06-2012 04:19 AM
Explain About Canonical Issue	bobo.cx	Search Engine Optimization	1	04-12-2012 11:34 PM
Is Recording Marketing a Unspoilt SEO Model?	rashidsohail	Search Engine Optimization	0	10-29-2011 07:33 AM

10-19-2014, 03:18 AM	#3
jyothireddy Registered User Join Date: Oct 2014 Posts: 36	All HTML elements can be considered as boxes. In CSS, the term "box model" is used when talking about design and layout. The CSS box model is essentially a box that wraps around HTML elements, and it consists of: margins, borders, padding, and the actual content. The box model allows us to add a border around elements, and to define space between elements. There will be different parts of that like: 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

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)