Page 69 - TP_V5.1_C7_fb
P. 69

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
   64   65   66   67   68   69   70   71   72   73   74