All TalkersCode Topics

Follow TalkersCode On Social Media

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 ❯