Welcome to Bucaro TecHelp!

Bucaro TecHelp
HTTPS Encryption not required because no account numbers or
personal information is ever requested or accepted by this site

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

Set the Border Width

Use the border-width property to set the border width.

Border Width Four Pixels

<p style="border-style: solid; border-width: 4px;">Border Width Four Pixels</p>

Use the border-top-width property to set the top border width separately.

Top Border Width Eight Pixels

<p style="border-style: solid; border-top-width: 8px;">Top Border Width Eight Pixels</p>

Use the border-right-width property to set the right border width separately.

Right Border Width Eight Pixels

<p style="border-style: solid; border-right-width: 8px;">Right Border Width Eight Pixels</p>

Use the border-bottom-width property to set the bottom border width separately.

Bottom Border Width Eight Pixels

<p style="border-style: solid; border-bottom-width: 8px;">Bottom Border Width Eight Pixels</p>

Use the border-left-width property to set the left border width separately.

Left Border Width Eight Pixels

<p style="border-style: solid; border-left-width: 8px;">Left Border Width Eight Pixels</p>

Set All Four Borders, Each Border a Different Width

The method shown below sets the border width for all four borders. You can set a different width for each border. The order of the values is top, right, bottom, left.

Sets Border Width For All Four Borders

<p style="border-style: solid; border-width: 5px 10px 15px 20px">Sets Border Width For All Four Borders</p>

The "border-style" property must be set to a style other than "none" before setting the "border-width".

More CSS Quick Reference:
• Set List Properties
• position:absolute
• CSS background-clip Property
• Set a Fixed Background Image
• Set List Bullets Position
• Set an Element's Padding
• Set the Border Width
• Pseudo-class Selectors
• position:relative
• Set the Font Slant

RSS Feed RSS Feed

Follow Stephen Bucaro Follow @Stephen Bucaro



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