Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 68 - 2607_Trackpad_Pro_5.1_flipbook_C7
P. 68

    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:

                     <!DOCTYPE HTML>
                     <HTML>
                     <HEAD>
                     <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  67

| 63 64 65 66 67 68 69 70 71 72 73 |