CSS Border

Help us to keep this website almost Ad Free! It takes only 10 seconds of your time:
> Step 1: Go view our video on YouTube: EF Core Bulk Insert
> Step 2: And Like the video. BONUS: You can also share it!

Syntax

  • border

  • border: border-width border-style border-color | initial | inherit;

  • border-top: border-width border-style border-color | initial | inherit;

  • border-bottom: border-width border-style border-color | initial | inherit;

  • border-left: border-width border-style border-color | initial | inherit;

  • border-right: border-width border-style border-color | initial | inherit;

  • border-style

  • border-style: 1-4 none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit;

  • border-radius

  • border-radius: 1-4 length | % / 1-4 length | % | initial | inherit;

  • border-top-left-radius: length | % [length | %] | initial | inherit;

  • border-top-right-radius: length | % [length | %] | initial | inherit;

  • border-bottom-left-radius: length | % [length | %] | initial | inherit;

  • border-bottom-right-radius: length | % [length | %] | initial | inherit;

  • border-image

  • border-image: border-image-source border-image-slice [ border-image-width [ border-image-outset ] ] border-image-repeat

  • border-image-source: none | image;

  • border-image-slice: 1-4 number | percentage [fill]

  • border-image-repeat: 1-2 stretch | repeat | round | space

  • border-collapse

  • border-collapse: separate | collapse | initial | inherit

Remarks

Related properties:

  • border

  • border-bottom

  • border-bottom-color

  • border-bottom-left-radius

  • border-bottom-right-radius

  • border-bottom-style

  • border-bottom-width

  • border-color

  • border-image

  • border-image-outset

  • border-image-repeat

  • border-image-slice

  • border-image-source

  • border-image-width

  • border-left

  • border-left-color

  • border-left-style

  • border-left-width

  • border-radius

  • border-right

  • border-right-color

  • border-right-style

  • border-right-width

  • border-style

  • border-top

  • border-top-color

  • border-top-left-radius

  • border-top-right-radius

  • border-top-style

  • border-top-width

  • border-width



Got any CSS Question?