Welcome to Bucaro TecHelp!

Bucaro TecHelp
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

Victims of Sandy Hook

Stop the Slaughter of Innocents. Congress is bought and paid for by gun lunatics and gun promotion groups. If you want to live in a safe America, help buy Congress back for America. Send a donation to Mayors Against Illegal Guns, 909 Third Avenue, 15th Floor New York, NY 10022

Set the Border Style

Set the border style using the border-style property. Border style values may be none, solid, dashed, dotted, double, groove, ridge, inset, or outset.

<p style="border-style:solid;">
Set a solid border style</p>

border-style:none

border-style:solid

border-style:dashed

border-style:dotted

border-style:double

border-style:groove

border-style:ridge

border-style:inset

border-style:outset

Set a Different Style for a Single Border

<p style="border-style:dashed; border-bottom-style:solid;">
A different style for a single border</p>

A different style for a single border

You can set a different style for a single border. Here I set the border style to dashed. Then I used the border-bottom-style property to set the bottom border's style to solid. You can also use the border-top-style, border-left-style, or border-right-style properties to set the style of each borders individually.

Set a Different Style for Each Border

<p style="border-style: solid dotted double ridge;">
A different border style for each border</p>

A different style for each border

The method shown above sets a different style each border in one property. The order of the values is top, right, bottom, left.

Set a Different Width for a Single Border

<p style="border: 1px solid black; border-bottom-width:4px;">
Set a different width for a single border</p>

Set a different width for a single border

You can set a different width for a single border. Here I set the border to 2 pixels wide, solid black. Then I used the border-bottom-width property to set the bottom border's width to 4 pixels. You can also use the border-top-width, border-left-width, or border-right-width properties to set the width of each borders individually.

RSS Feed RSS Feed


Follow Stephen Bucaro Follow @Stephen Bucaro


Web Design Sections

Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2016 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268