Double Border

Example Code


<!-- Codes by HTMLmagics -->
<div style="border:3px double LimeGreen;width:150px;height:100px;overflow:scroll;">
<p>Here's a demonstration of how to add a double border to a scroll box. To add the border, we use the CSS 'border' property.</p>
</div>
<p><a  style="font-size:11px;color:#999;" href="http://htmlmagics.blogspot.com/scroll-boxes/scroll-box-border.cfm">Scrollbox border code</a></p>


Result

Here's a demonstration of how to add a double border to a scroll box. To add the border, we use the CSS 'border' property.

Mixed Border

Example Code


<!-- Codes by HTMLmagics -->
<div style="border-top:2px dashed LimeGreen;border-right:3px dotted black;border-bottom:3px dashed LimeGreen;border-left:8px solid black;width:150px;height:100px;overflow:scroll;">
<p>Here's a demonstration of how to add a mixed border to a scroll box. To add the border, we use the CSS 'border' property.</p>
</div>
<p><a  style="font-size:11px;color:#999;" href="http://htmlmagics.blogspot.com/scroll-boxes/scroll-box-border.cfm">Scrollbox border code</a></p>








Result

Here's a demonstration of how to add a mixed border to a scroll box. To add the border, we use the CSS 'border' property.

Inset Border

Example Code

<!-- Codes by HTMLmagics -->
<div style="border:8px inset LimeGreen;width:150px;height:100px;overflow:scroll;">
<p>Here's a demonstration of how to add an inset border to a scroll box. To add the border, we use the CSS 'border' property.</p>
</div>
<p><a  style="font-size:11px;color:#999;" href="http://htmlmagics.blogspot.com/scroll-boxes/scroll-box-border.cfm">Scrollbox border code</a></p>


Result

Here's a demonstration of how to add an inset border to a scroll box. To add the border, we use the CSS 'border' property.

Dotted Border - Thick

Example Code


<!-- Codes by HTMLmagics -->
<div style="border:1px dotted LimeGreen;width:150px;height:100px;overflow:scroll;">
<p>Here's a demonstration of how to add a thick, dotted border to a scroll box. To add the border, we use the CSS 'border' property.</p>
</div>
<p><a  style="font-size:11px;color:#999;" href="http://htmlmagics.blogspot.com/scroll-boxes/scroll-box-border.cfm">Scrollbox border code</a></p>


Result

Here's a demonstration of how to add a thick, dotted border to a scroll box. To add the border, we use the CSS 'border' property.

Solid Border - Thin

Example Code


<!-- Codes by HTMLmagics -->
<div style="border:1px solid LimeGreen;width:150px;height:100px;overflow:scroll;">
<p>Here's a demonstration of how to add a thin, solid border to a scroll box. To add the border, we use the CSS 'border' property.</p>
</div>
<p><a  style="font-size:11px;color:#999;" href="http://htmlmagics.blogspot.com/scroll-boxes/scroll-box-border.cfm">Scrollbox border code</a></p>


Result

Here's a demonstration of how to add a thin, solid border to a scroll box. To add the border, we use the CSS 'border' property.