CSS border width

 CSS border width

The css border width property gives the width to the four borders of the box .The width may be thin,thick,medium,or value(px,em,in,cm,pt,etc)

Syntax:

border-width:<border-top-width> <border-right-width> <border-bottom-width> <border-left-width>


border-width:thin;

border-width:thick;

border-width:medium;


Example of css border width:

<style type="text/css">

p.thin{

border-style: dashed;

border-width: thin;

}

p.thick{

border-style: dotted;

border-width: thick;

}

p.px{

border-style: solid;

border-width: 10px;

}

p.medium{

border-style: double;

border-width: medium;

}

p.mix{

border-style: ridge;

border-color: yellow;

border-width: thick medium thin 10px;

}

</style>


Output:



This A thin border.

This A thick border.

This A medium border.

This A 10px border.

This A Mix border.

Comments

Hire a programmer

Popular posts from this blog

CSS selector

C program to convert decimal to binary number

C Program to convert binary to decimal number