CSS Border

CSS Border

CSS Border and other border properties is used to set and style the border for elements.

CSS Border Properties are as follows

  • Border
  • Border Style
  • Border Width
  • Border Color


    • Border:CSS border property is used to set border to an element.You can set the border individually to a single side.
    • div
      {
      border:1px solid blue;
      }
      


    • Border Style:CSS border-style property is used to set style to the borders of an element.You can set the border-style individually to a single side.
    • div
      {
      border-style:dotted solid double dashed;
      }
      

      border-style values.


    • border-style: dotted solid double dashed;
    •    top border is dotted.

         right border is solid.

         bottom border is double.

         left border is dashed.


    • border-style: dotted solid double;
    •    top border is dotted.

         right and left borders are solid.

         bottom border is double.


    • border-style: dotted solid;
    •    top and bottom borders are dotted.

         right and left borders are solid.


    • border-style: dotted;
    •    all four borders are dotted.




    • Border Width:CSS border-width property is used to set the width to the borders of an element.You can set the border-style individually to a single side.
    • div
      {
      border-width:10px;
      }
      



    • Border Color:CSS border-color property is used to set the color to the borders of an element.You can set the border-style individually to a single side.
    • div
      {
      border-color:red;
      }
      



    • Border Collapse:CSS border-color property is used to set whether the table borders are seperated or collapsed into a single border.Two possible values of border-collapse either collapse or seperated.
    • div
      {
      border-collapse:collapse;
      }
      


      All CSS Border Properties

    • border:Sets all the border properties
    • border-top:Sets all the top border properties
    • border-left:Sets all the left border properties
    • border-bottom:Sets all the bottom border properties
    • border-right:Sets all the right border properties
    • border-color:Sets the color of the four borders
    • border-top-color:Sets the color of the top border
    • border-left-color:Sets the color of the left border
    • border-bottom-color:Sets the color of the bottom border
    • border-right-color:Sets the color of the right border
    • border-style:Sets the style of the four borders
    • border-top-style:Sets the style of the top border
    • border-left-style:Sets the style of the left border
    • border-right-style:Sets the style of the right border
    • border-bottom-style:Sets the style of the bottom border
    • border-widthSets the width of the four borders
    • border-top-widthSets the width of the top border
    • border-left-width:Sets the width of the left border
    • border-bottom-width:Sets the width of the bottom border
    • border-right-width:Sets the width of the right border
    PrevNext

    Join Us With Our 21000+ Subscribers And Get Our Latest Tutorials Update Via Email