Register on the forum now to remove ALL ads + popups + get access to tons of hidden content for members only!

Go Back   Site Owners Forums - Webmaster Forums > Web Programming > Programming General

Notices


Reply
 
Thread Tools Rate Thread Display Modes
Old 09-28-2014, 11:43 PM   #1
Bates John
Registered User
 
Join Date: Sep 2014
Posts: 16
Explain CSS Box Model?

CSS box model is a rectangular space around a HTML element which defines border, padding and margin.

Border: - This defines the maximum area in which the element will be contained. We can make the border visible, invisible, define height and width etc.

Padding: - This defines the spacing between border and element.

Margin: - This defines the spacing between border and any neighboring elements.
__________________
John Bates


To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
Bates John is offline   Reply With Quote

Old 10-09-2014, 11:21 PM   #2
niharikadutt
Registered User
 
Join Date: Apr 2014
Posts: 465
Nice post Bates John.
__________________

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.
niharikadutt is offline   Reply With Quote
Old 10-10-2014, 12:20 AM   #3
softech
Registered User
 
Join Date: Oct 2014
Posts: 1,077
CSS box model is a rectangular space around a HTML element which defines border, padding and margin.
__________________

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.
softech is offline   Reply With Quote
Old 10-19-2014, 04:18 AM   #4
jyothireddy
Registered User
 
Join Date: Oct 2014
Posts: 40
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
jyothireddy is offline   Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Is Recording Marketing a Unspoilt SEO Model? rashidsohail Search Engine Optimization 1 11-14-2017 06:09 AM
oogle Adsense: How to Explain the Google Adsense Program to Others theshawnchin Google 3 06-11-2017 07:14 PM
Explain the POST & GET Method or Explain the difference between them in ASP? chinmay.sahoo Programming General 0 12-16-2013 10:04 PM
Another box model hack alternative davikerkrish HTML / DHTML 0 09-06-2012 05:19 AM
Explain About Canonical Issue bobo.cx Search Engine Optimization 1 04-13-2012 12:34 AM


All times are GMT -7. The time now is 08:24 AM.


Powered by vBulletin Copyright © 2013 vBulletin Solutions, Inc.