Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 100 - 2611_SmartGPT Pro V(5.0) C-7
P. 100

    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>

                       98   Computer Science (V5.0)-VII

| 95 96 97 98 99 100 101 102 103 104 105 |