Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 49 - 2606_PlugGPT_C7_Flipbook
P. 49

    BORDER PROPERTY
                     We can display frames with or without borders by applying the CSS property – Border.

                     Border properties can be applied in the following ways:
                       border-width:value
                       Where value = thin, thick, medium or numeric values specified in pixels.

                       border-style:value
                       Where value can be specified as none, hidden, dotted, dashed, solid, double, groove, ridge,
                       inset or outset.

                       border-color: value
                       Where value can be specified as the name of the colours or in hexadecimal code.
                     Example:
                                                                                  HTML provides the structural skeleton
                     <!DOCTYPE HTML>
                                                                                  of a webpage, similar to how natural
                     <HTML>                                                          formations like mountains and
                     <HEAD>                                                         valleys define the landscape of an
                                                                                             environment.
                     <TITLE> iFrames Border </TITLE>
                     <STYLE>
                     Body {Background-Color:Grey}

                     iframe{border-width:10px;border-style:dotted;border-color:purple;}
                     </STYLE>
                     </HEAD>
                     <BODY>

                     <H1 STYLE = "text-align:center"> Example of double spread containing
                     inline frames </H1>
                     <iframe src = "Frame1.html" Style="Height:200px;Width:200px;" Title =
                     "iframe Example"> </iframe>
                     <iframe src = "Frame2.html" Style="Height:200px;Width:200px;" Title =
                     iframe Example"> </iframe>
                     </BODY>
                     </HTML>

                                                                                       Images, Links and Forms in HTML5  47

| 44 45 46 47 48 49 50 51 52 53 54 |