• Problems

  This line enable URL Rewriting . It must be enabled via the RewriteEngine directive! and if your .htaccess file is going to use rewrite rules, you should always include this line. Otherwise, you can’t be sure if its enabled or not. The string “on” is case insensitive.

The CSS border properties are used to define the border effects for elements.The border property in CSS allows you to control the edge of any element.

CSS border properties:

      
border->Sets all the border properties in one declaration
border-style->Sets the border style
border-color->Sets the border color of an element 
border-width->Sets the border width for an element 
background-$direction->Set the border in top , right , left , bottom
background-$direction-style->Set the a border style in top , right , left , bottom
background-$direction-width->Set the a border style in top , right , left , bottom
background-$direction-color-> Set the a border style in top , right , left , bottom

*$direction  -> TOP , RIGHT , BOTTOM , LEFT 
*Note: None of the OTHER CSS border properties described below will have ANY effect unless the border-style property is set!

---

Border Style

The border-style property specifies what kind of border to display.
Example

p.dotted {border-style: dotted; }
p.dashed {border-style: dashed; }
p.solid {border-style: solid; }
p.double {border-style: double; }
p.groove {border-style: groove; }
p.ridge {border-style: ridge; }
p.inset {border-style: inset; }
p.outset {border-style: outset; }
p.none {border-style: none;}
p.hidden {border-style: hidden; }
p.mix {border-style: dotted dashed solid double;}

This is a dotted border.

This is a dashed border.

This is a solid border.

This is a double border.

This is a groove border. The effect depends on the border-color value.

This is a ridge border. The effect depends on the border-color value.

This is a inset border. The effect depends on the border-color value.

This is a outset border. The effect depends on the border-color value.

No border.

This is a hidden border.

This is a mixed border.

Border - Individual Sides

From the examples above you have seen that it is possible to specify a different border for each side.

In CSS, there is also properties for specifying each of the borders (top, right, bottom, and left):
Example
p {
    border-top-style: dotted;
  border-right-style: solid;
  border-bottom-style: dotted;
  border-left-style: solid;
}
The example above gives the same result as this:
Example
p {
    border-style: dotted solid;
}


So, here is how it works:

If the border-style property has four values:
    border-style: dotted solid double dashed;
        top border is dotted
        right border is solid
        bottom border is double
        left border is dashed

If the border-style property has three values:

    border-style: dotted solid double;
        top border is dotted
        right and left borders are solid
        bottom border is double

If the border-style property has two values:

    border-style: dotted solid;
        top and bottom borders are dotted
        right and left borders are solid

If the border-style property has one value:

    border-style: dotted;
        all four borders are dotted

The border-style property is used in the example above. However, it also works with border-width and border-color.

---

Border Width
The border-width property specifies the width of the four borders.

The width can be set as a specific size (in px, pt, cm, em, etc) or by using one of the three pre-defined values: thin, medium, or thick.

The border-width property can have from one to four values (for the top border, right border, bottom border, and the left border).
Example
p {
    border-style: solid;
    border-width: 3px;
}

---

Border Color

The border-color property is used to set the color of the four borders.

The color can be set by:

    name - specify a color name, like "red"
    RGB - specify a RGB value, like "rgb(255,0,0)"
    Hex - specify a hex value, like "#ff0000"
    transparent

The border-color property can have from one to four values (for the top border, right border, bottom border, and the left border).

If border-color is not set, it inherits the color of the element.
Example
p{
    border-style: solid;
    border-color: green;
}

---

Border-style

The background-color property specifies the background color of an element.

The background color of a page is set like this:
Example
body {
    background-color: lightblue;

---

Border - Shorthand Property

As you can see from the examples above, there are many properties to consider when dealing with borders.

To shorten the code, it is also possible to specify all the individual border properties in one property.

The border property is a shorthand property for the following individual border properties:

    border-width
    border-style (required)
    border-color

Example
p {
    border: 5px solid red;
}