CSS Tutorial => Border

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

PDF - Download CSS for free

Previous Next