[go: up one dir, main page]

0% found this document useful (0 votes)
24 views13 pages

Box Model

Uploaded by

devanshashwin
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
24 views13 pages

Box Model

Uploaded by

devanshashwin
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 13

-

futtack >
-
ratend
-

mu
cas less imp
--
-
Model
Box

do need
bor model ??
# Why
we

dimensions & spacy y


>
- helps in cal
of
Atril elements .

-
-
html element as a
Box model treats
->
-

every
rectangular
-
bod
-
-

3
7 < div >

I
-

</ divy
E
Send
e
1Contr
may
a
surconte
round border &

addit
bter
. - ransparent space
content
-

alive .
ro
-
-

margin e space
Content
outsid He

2
Garde
- -

data be
content is the actual tent or

displayed
>
-
solid red ;
borderi 1
pr L L
und
-
Y color the

of
ess property

burde
- width
of style of
the Garde Garden
-
F
20
width :
pu ;
wa
& -
properti this we can
allocate
CSS
-- using
w an element
und th -
-


width to
wher an

By default
we
give
no
only
the
dement, it is appled
content
delode
Border
-
is pe -

Ispe ispe 1 lops


Content
cope-
- isop
Lispe
·..
per

M dir ? >
- 150 + (2x15pn) +
(axlope)
width
of >
- Goopr
U can cale width in one

the G
of ways

O
default - box-sizing
[G s-property.

/

Content bas burden Gas


- -

↓ &

including
the
width is allocated width is

content & paddy, Garden +


only Content
no +

Garde is beyond that


-
-
paddy
content ben border-bu
-

d
width
width
↓ ↓
content
>
-
Content+ padding
+

Go

You might also like