Scribd
Upload
4 views27 pages

Box Models PPT For Ctech

Uploaded by

guanzon258
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
4 views27 pages

Box Models PPT For Ctech

Uploaded by

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

BOX MODELS

CTECH PRESENTATION
CONTENTS

I. II. III. IV.


CONTENTS

I. II. III. IV.


I. WHAT IS A BOX
MODEL?
I. WHAT IS A BOX
MODEL?
The box model in CSS
is a fundamental
concept that defines
how elements are
structured and
I. WHAT IS A BOX
MODEL?
The box model in CSS
is a fundamental
concept that defines
how elements are
structured and
CONTENTS

I. II. III. IV.


CONTENTS

I. II. III. IV.


II. THE
4 MAIN
COMPONENTS:
II. THE
4 MAIN
COMPONENTS:
1. Content: The actual
content inside the
element (text, image,
etc.).
II. THE
4 MAIN
COMPONENTS:
1. Content: The actual
content inside the
element (text, image,
etc.).
2. Padding: The space
between the content and
the element's border
.
II. THE
4 MAIN
COMPONENTS:
3. Border: A line
surrounding the padding
(and content), which can
be styled in terms of
thickness, color, and
type.
II. THE
4 MAIN
COMPONENTS:
3. Border: A line
surrounding the padding
(and content), which can
be styled in terms
4. Margin: The spaceof
thickness, color, and
outside the border,
type.
separating the element
II. THE
4 MAIN
COMPONENTS:
3. Border: A line
surrounding the padding
(and content), which can
be styled in terms
4. Margin: The spaceof
thickness, color, and
outside the border,
type.
separating the element
CONTENTS

I. II. III. IV.


CONTENTS

I. II. III. IV.


III. VISUAL-AID:
III. VISUAL-AID:

LINK:
https://
kulfivendor123go.git
hub.io/CTECH-FILES/
III. VISUAL-AID:
III. VISUAL-AID:
CONTENTS

I. II. III. IV.


CONTENTS

I. II. III. IV.


III. CODINGS
AND
EXAMPLE:
III. CODINGS
AND
EXAMPLE:
TO BE SHOWN
BY :
QUELLE T.
RAMOS
III. CODINGS
AND
EXAMPLE:
TO BE SHOWN
BY :
QUELLE T.
RAMOS
THANK YOU FOR
LISTENING!

You might also like