This site has been taken over by the staff of www.ASPDeveloper.Net

Please report errors to suggest@aspdeveloper.net

BizTalk Utilities CV ,   Jobs ,   Code library  
 
Home Page
CSS
CSS <border-top> Property
CSS <border-top-width> Property
CSS <border-top-style> Property
CSS <border-top-color> Property
CSS <border-style> Property
CSS <border-spacing> Property
CSS <border-right> Property
CSS <border-right-width> Property
CSS <border-right-style> Property
CSS <border-right-color> Property
CSS <border-left> Property
CSS <border-left-width> Property
CSS <border-left-style> Property
CSS <border-left-color> Property
CSS <border-color> Property
CSS <border-collapse> Property
CSS <border-bottom> Property
CSS <border-bottom-width> Property
CSS <border-bottom-style> Property
CSS <border-bottom-color> Property
<< BizTalk
 

By :Mark Wilson
I am the creator of TopXML. I am available for international and local (Australia) contracts. I am a Solution Architect/Business Analyst. I have worked in IT in several countries (NZ, Australia, South Africa, UK) building and training teams for government and very large non-governmental organizations. I am ex-Microsoft Consulting Services. I wrote the first book on Microsoft XML published in 2000 called XML Programming with VB and ASP. Most recently I have been building tools for the SEO industry. Ask me for a 37 point SEO health-checkup for your website.
First posted :03/24/2008
Times viewed :1281

 

The border-width property (CSS Reference)

Introduction

This property can be used to define the width of the border. To give all 4 borders different size you have two possibilities: The first one is to declare the width in one definition separated with a space – something like this:

border-width:10px 20px 30px 40px;

If you use it this way, then you have to follow some rules:

Amount of width parameters:

Description:

1 width parameter

(border-width:10px)

If you use only one parameter, then it will be used for all four borders.

2 width parameter

(border-width:10px 20px)

The first parameter will be used for the top and bottom border and the second one for the left and right border.

3 width parameters
(border-width:10px 20px 30px)

The first parameter will be used for the top, the second for left and right, and the third for the bottom border.

4 width parameters
(border-width:10px 20px 30px 40px)

The first one will be used for the top, the second one for right, the third one for bottom, and the fourth for the left border.

The second option is to define the width with the sub-properties of border-width:

Sub-Property:

Description:

border-top-width

Defines the width for the top border.

border-left- width

Defines the width for the left border.

border-right- width

Defines the width for the right border.

border-bottom- width

Defines the width for the bottom border.

Example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head><title>border-width Demonstration</title>

<style type="text/css">

p.border

{

    border-left-width:10px;

    border-left-color:blue;

    border-left-style:solid;

    border-right-width:20px;

    border-right-color:green;

    border-right-style:solid;

    border-top-width:30px;

    border-top-color:red;

    border-top-style:solid;

    border-bottom-width:40px;

    border-bottom-color:black;

    border-bottom-style:solid;

}

</style>

</head>

<body>

<h1><p class="border">The width of all borders should be different.</p></h1>

</body>

</html>

Output

Values

Name:

Description:

length

The following values can be also used to define the border width:

cm (centimeter)

em  (ems)

inch (inches)

mm (millimeters)

pc (picas)

px (pixels)

pt (points)

medium

This value creates a border with a medium width.

thick

This value creates a thick border.

thin

This value creates a border with a thin width.


Rate this article on a scale of 1 to 10

Your vote :  


 

Recent Jobs

Software Specialist, Linux - Finlan
Linux Core Technical Project Manage
Graphics designer at Tanzania. Expe
Integration Specialist Needed - Wor
Virtualization Server Infrastructur

View all Jobs (Add yours)
View all CV (Add yours)






    Email TopXML  

Front Page Daily Stuff TopXML Forum XML blogs XML Newsgroups BizTalk Biztalk Utilities Biztalk Utilities Tutorial B2B SAP XML Microsoft .NET Dotnet System XML Soapformatter SQLXML XMLserializer XQuery PHP PHP SimpleXML PHP XML Dom PHP XML RPC PHP XSLT Java Java Java XML Xalan Microsoft ASP ASP Schemas XML SQL Server XML XMLDom XSL XSL Tutorial XSLT Stylesheets General Javascript CSS XHTML WAP