Can you explain CSS box model? - Site Owners Forums

sunled · 11-12-2017, 08:18 PM

Can you explain CSS box model?

jackbrain · 11-12-2017, 10:13 PM

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 every HTML element. It consists of: margins, borders, padding, and the actual content.

Timensound · 11-14-2017, 04:13 AM

Understanding the CSS box model can help you take control of your front-end layouts by easily manipulating margins.

thevyakar · 11-15-2017, 11:41 PM

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

seven miles · 11-15-2017, 11:48 PM

All HTML elements can be considered as boxes. In CSS, the term "box model" is used while talking about design & layout. The CSS box model is essentially a box that wraps around every HTML element.

11-12-2017, 08:18 PM	#1
sunled Registered User Join Date: Nov 2017 Posts: 3,816	Can you explain CSS box model? Can you explain CSS box model? __________________ To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. , To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. , To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. , To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. , To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. , To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.

11-12-2017, 10:13 PM	#2
jackbrain Registered User Join Date: Nov 2017 Posts: 48	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 every HTML element. It consists of: margins, borders, padding, and the actual content. __________________ To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \| *To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.* \| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.

11-15-2017, 11:41 PM	#4
thevyakar Registered User Join Date: Nov 2017 Location: USA Posts: 113	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 __________________ To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.

11-15-2017, 11:48 PM	#5
seven miles Registered User Join Date: Nov 2017 Posts: 137	All HTML elements can be considered as boxes. In CSS, the term "box model" is used while talking about design & layout. The CSS box model is essentially a box that wraps around every HTML element. __________________ *To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.* \| *To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.* \| *To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.* \| *To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.* \|

Thread Tools
Show Printable Version Email this Page
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

11-14-2017, 04:13 AM	#3
Timensound Registered User Join Date: Sep 2017 Posts: 32	Understanding the CSS box model can help you take control of your front-end layouts by easily manipulating margins.

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

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Can you explain CSS box model?	sydneyearplug	Graphic Design	1	10-12-2017 11:08 PM
Boston Dynamics :latest model of Spot Mini shows off all his skill	bolhaw	General Discussion	0	06-29-2016 06:54 AM
Tesla Model 3 : the biggest launch in the products history	bolhaw	General Discussion	1	04-09-2016 03:41 AM
Vip ***y Model Escorts in Karol Bagh 9643672114, Russian Call Girls in Paharganj	prince123	General Discussion	0	10-04-2015 01:18 PM
Explain CSS Box Model?	Bates John	Programming General	3	10-19-2014 03:18 AM