Box Model in CSS

Box Model in CSS

इस कांसेप्‍ट के अनुसार HTML का हर एक element एक rectangular box होता हैं। यह box उस element के content, border, margin और padding से बना होता हैं। नीचे दिए diagram में इस box-model का चित्रण किया गया हैं।

• Margin:- margin किसी element के border के बाहर चारों के space के रूप में define किया जाता हैं। इसका कोई color नहीं होता बल्कि यह transparent होता हैं।
• Border :- किसी element की border उसकी boundary line होती हैं। border वैसे तो hidden रहती हैं लेकिन हम css के द्वारा इसे define करके show कर सकते हैं।
• Padding :- यह किसी element के content और उसके border के बीच के space के रूप में define की जाती हैं। margin की तरह padding का भी कोई color नहीं होता बल्कि यह transparent होती हैं।
• Content :-यह actual कंटेंट होता है जैसे text, images etc.