BORDER PROPERTIES



The Border Styles are
Usage:
border-style: dotted

border-style: dashed

border-style: solid

border-style: double


border-style: groove

border-style: ridge

border-style: inset

border-style: outset

How to use

In a TABLE

<TABLE style="Border: double dodgerblue 5px" cellSpacing=5
background=URL OF THE BACKGROUND>
<TBODY><TR><TD>text or image
</TD></TR></TBODY></TABLE>
text or image


In a TABLE with 3 styles and using
borderColorDark & borderColorLight

<TABLE style="border-left:5px outset;border-right:5px inset;
border-top:8px groove;border-bottom:8px ridge"
borderColorDark=green borderColorLight=red

cellSpacing=5 background=URL OF THE BACKGROUND >
<TBODY><TR><TD>text or image</TD></TR></TBODY></TABLE>
text or image


In TD

<TD style="Border: double dodgerblue 5px" cellSpacing=5
background=URL OF THE BACKGROUND>text or image</TD>
text or image


In DIV

<DIV style="Border: double dodgerblue 5px;height:100;width:100;
background-color:red"
>text or image</DIV>

text or image


In IMG

<IMG height=100 style="Border: double dodgerblue 5px"
src="URL of the image" width=100>



In IMG with a filter

<IMG height=100 style="Border: dotted dodgerblue 5px;
FILTER: glow(color=red,strength=5) "
src="URL of the image" width=100>







Borders with images

<TABLE style="border:7px ridge red" background=URL of the image-background cellSpacing=10><TR>
<TD style="BORDER-RIGHT:7px green double; BORDER-TOP:green 7px double;
BORDER-LEFT:green 7px double; BORDER-BOTTOM:green 7px double
;
WIDTH: 40px; HEIGHT: 40px; BACKGROUND-COLOR: #000000">
<Font color=white>TEST</FONT></TD></TR></TABLE>


This color in the code create the image background and border
The result:
TEST