Border

There are three characteristics you can set for the border elements.

  1. width
  2. color
  3. style

By combining the 4 possible parts of the border element (border-top, border-right, border-bottom, border-left, border) with all possible characteristics (width, color, style or all) we get 20 possible properties that can be set for the border element as given below.

PropertiesWIDTHCOLORSTYLEALL
boder-topborder-top-widthborder-top-colorborder-top-styleborder-top
boder-rightborder-right-widthborder-right-colorborder-right-styleborder-right
boder-bottomborder-bottom-width border-bottom-color border-bottom-styleborder-bottom
boder-leftborder-left-widthborder-left-colorborder-left-styleborder-left
Border Width

<width> - The possible values are.

ValuesDescription
<length>specifies a fixed width.
thin | medium | thick
inherit
Border Color

<color> - The possible values are

ValuesDescription
<color>
inherit
Border Style

<style> - The possible values are

ValuesDescription
none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
inherit
Related Tutorial
Follow Us
https://www.facebook.com/Rookie-Nerd-638990322793530 https://twitter.com/RookieNerdTutor https://plus.google.com/b/117136517396468545840 #
Contents