![[5] Dividers](images/dividers.gif)
Well lets move away from playing with
Text on to fiddling with
horizontal lines or
dividers.
You must have noticed that I have used horizontal dividers throughout my pages to separate the source
code from what you would see.
To produce a horizontal line you just use the <hr> element.
<hr>
So this would just give you a horizontal divider as below.
There are five other attributes which can be included within <hr> element which control the appearance of the divider. These are the following
- Size=
This controls the thickness/size of the dividers in pixels.
- Width= Controls the length/width of the divider in pixels or as a percentage of the screen.
- Align= Positions the divider left/center/right - default is center.
- Noshade he divider has solid appearance -default is shaded.
- Color= Controls the colour of the divider.
- Width= Controls the length/width of the divider in pixels or as a percentage of the screen.
<hr size="10" width="50% " noshade>
<hr>
<hr size="10" width="50%" >
<hr size="10" width="200" color="#ff00ff">
<hr size="5" width="50%" align="left" color="#ffa500">
<hr size="5" width="50%" align="right">
The above gives the following SIX dividers
It should be noted that the color attribute is only understood by browser version's 3.0 onwards. Hence dividers 1,4, and 5 will appear gray or blank for browsers which do not support the color attribute..
