@coder 473
What is CSS3 Box-Model?
2021-11-16 11:15 · 2 min read
Box Model is a box that wraps around every HTML Element. Box consists of padding, margin, and the actual content. Our web browser creates a box for each element in the HTML Document.
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>
TAGS:
POPULAR POSTS
what is new in miui 11?...
best free web hosting services...
free website ssl security using cloudfla...
do you want to make money online?...
CSS3 @IMPORT RULES...
CSS3 RESPONSIVE UI...
Tables HTML...
How to host a web page in 10 minutes....
How to use CSS3 Overflow Property?...
CSS3 FUNCTIONS...
CSS3 FILTERS...
CSS3 SHAPES...
RECENT COMMENTS
2022-03-05 11:05
By coder
on XAMPP - MySQL shutdown unexpectedly | How to fix MySQL crash unexpectedly
2021-10-12 12:34
By abnongoke
on do you want to make money online?
2021-10-12 12:34
By abnongoke
on how to get a free website domain name?
2021-10-12 12:34
By solar panel for shed
on what is new in miui 11?
2021-10-12 12:34
By solar panel for shed
on best free web hosting services
2021-10-12 12:34
By amos tanui
on free website ssl security using cloudflare
