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
