Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 83 - 2629_Devagiri_C-7
P. 83

    <H1 STYLE="COLOR: DARKGREEN;  TEXT-ALIGN:  CENTER;  FONT-SIZE:  40PX;
                     FONT-FAMILY:  'GEORGIA', SERIF;  FONT-WEIGHT:  BOLD; BORDER-WIDTH:  4PX;
                     BORDER-STYLE: SOLID; BORDER-COLOR: DARKGREEN;">The Importance of Trees</

                     H1>
                     <P STYLE="FONT-SIZE: 16PT; TEXT-ALIGN: JUSTIFY; COLOR: BROWN; BORDER-WIDTH:
                     3PX; BORDER-STYLE: DASHED; BORDER-COLOR: GREEN;">
                     Trees are essential to life on Earth. They provide oxygen, improve air
                     quality and offer shelter to various species.</P>

                     </BODY>
                     </HTML>

                            MARGIN PROPERTIES

                     In CSS, margin properties are used to create space around elements, outside of their borders.
                     The table below lists some margin properties, their corresponding values and descriptions:
                           Property Name                        Value                            Description

                     MARGIN-TOP                    Value in pixels or percentage     It sets the margin space on the top
                                                                                     side of an element.
                     MARGIN-RIGHT                  Value in pixels or percentage     It  sets  the  margin  space  on  the
                                                                                     right side of an element.
                     MARGIN-BOTTOM                 Value in pixels or percentage     It  sets  the  margin  space  on  the
                                                                                     bottom side of an element.
                     MARGIN-LEFT                   Value in pixels or percentage     It sets the margin space on the left
                                                                                     side of an element.
                     MARGIN                        Value in pixels or percentage     It sets the margin for all four sides.

                        Code
                          8      Write the HTML code to present the given web page using CSS margin properties.

                     <!DOCTYPE HTML>
                     <HTML>

                     <HEAD>
                     <TITLE>Using Margin Properties
                     </TITLE>

                     </HEAD>
                     <BODY STYLE="BACKGROUND-COLOR: #F0F8EF; COLOR: DARKSLATEGRAY;">
                     <H2 STYLE="COLOR: MEDIUMBLUE; TEXT-ALIGN:CENTER;">The Human Digestive
                     System</H2>

                     <P STYLE="BORDER: 1PX SOLID GREEN; FONT-SIZE: 14PT; MARGIN-TOP: 25PX;
                     MARGIN-LEFT: 30PX;">

                                                                                                                      81
                                                                                                    CSS3–Styling Basics

| 78 79 80 81 82 83 84 85 86 87 88 |