Sunday, September 18, 2011

09 - Border

   Border contain Three properties:

1)    property:    border-style
       values:    solid, dotted, dashed, double, groove, ridge, inset and outset

2)    property:    border-width
       values:    border-top-width, border-right-width, border-bottom-width and border-left-width

3)    property:    border-color

Note: We can combine this all property in a single property called "border"

Ex:     border: border-style width color
          border: solid 2px #000

Final Example:


h1 {
    border:solid 2px #000
p {
    border-style: dashed;
    border-width: 3px;
    border-left-width: 10px;
    border-right-width: 10px;
    border-color: red;

<h1> This is heading</h1>
<p> This is paragraph</p>

Output in Browser

powered by multimediagyan ©

No comments:

Post a Comment