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

