The Developer Brains


BOX MODEL

Web Designing | Web Development


SEE MORE














</BOX MODEL>




What is CSS3 Box-Model?

Box Model is a box that wraps around every HTML Element. Box consists of padding, margin and actual content. Our web browser creates a box for each element in the HTML Document.


SEE MORE




















</CSS3 Box Model>

A box for every HTML Element


What is a Box-Model?

It is a box for every HTML element that consists of margin and padding property.


Width
content-box:content
padding-box:content+padding
border-box:content+padding+border



	<!DOCTYPE html>
<html>
	<style>
	div {
		border: 10px solid red;
		margin: 55px;
		padding: 25px;}
	</style>
<body>
<div>
    TDB Tutorials
</div>
</body>
</html>



Try it Yourself





















Which of the following property adds padding to the top of an element?

1. height
2. padding-height
3. top
4. padding-top




Check Now



CSS3 QUIZ







Next: CSS3 Background-color


Previous

      

Next Page













  Share TDB SCHOOL  

Share this E-Learning Website on social media platforms with your friends and followers