|
|
|
| alpha filter
|
|
| Text efects
|
|
| Scrollbar
|
|
| Borders
|
|
| Tables
|
|
| HTML :Font face
|
|
| HTML colors
|
|
| Home site
|
|
| Guestbook
|
|
|
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>
| |
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>
| |
In TD
<TD style="Border: double dodgerblue 5px" cellSpacing=5
background=URL OF THE BACKGROUND>text or image</TD>
| |
In DIV
| |
<DIV style="Border: double dodgerblue 5px;height:100;width:100;
background-color:red">text or image</DIV>
| |
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:
|
