CSS

1. CSS Home 2. CSS Introduction 3. CSS Versions 4. CSS Extension 5. Adv.& Disadv of CSS 6. HTML v/s CSS 7. CSS Syntax 8. CSS Selector 9. Inserting CSS file 10. Class 11. ID 12. Div 13. Font 14. Font-size 15. Font-weight 16. Font-style 17. Font-variant 18. Text 19. Text-color 20. Text-decoration 21. Text-transform 22. Text-indent 23. CSS Color 24. Web Safe Color 25. Background-image 26. Background-repeat 27. Background-position 28. Background-attachment 29. Background-size 30. Background-origin 31. CSS Box Model 32. Padding 33. Padding-top 34. Padding-right 35. Padding-bottom 36. Padding-left 37. Margin 38. Margin-top 39. Margin-right 40. Margin-bottom 41. Margin-left 42. Margin Demonstration 43. Border 44. Border-style 45. Different Border-style 46. Border-width 47. Different Border-width 48. Border-color 49. Border-radius 50. Border-collapse 51. Border-spacing 52. Border-image 53. Border-bottom 54. Border-bottom-style 55. Border-bottom-width 56. Border-bottom-color 57. Border-bottom-left-radius 58. Border-bottom-right-radius 59. Border-top 60. Border-top-style 61. Border-top-width 62. Border-top-color 63. Border-top-left-radius 64. Border-top-right-radius 65. Border-right 66. Border-right-style 67. Border-right-width 68. Border-right-color 69. Border-left 70. Border-left-style 71. Border-left-width 72. Border-left-color 73. Ex.Padding,Border,Margin 74. List Style 75. List Style-type 76. List Style-position 77. List Style-image 78. Dimension Properties 79. Width 80. Max-width 81. Min-width 82. Height 83. Max-height 84. Min-height 85. Grouping Selector 86. Nesting Selector 87. Floating 88. Position 89. Pseudo Element 90. First-letter Pseudo 91. First-line-Pseudo 92. Before & After Pseudo 93. Pseudo-class Selector 94. tag 95. Image Gallery 96. Scrollbars 97. Display Property 98. Cursor Property 99. Caption-side Property 100. Transform Property 101. Interview Question and Answer part 1 102. Interview Question and Answer part 2 103. Interview Question and Answer part 3 104. Interview Question and Answer part 4 105. Interview Question and Answer part 5 106. Interview Question and Answer part 6 107. Interview Question and Answer part 7 108. Interview Question and Answer part 8
Pr.Pg Next Pg

CSS Border tutorials

  • This property defines Width, Style, Radius, Color, Offset and other properties for an elementís border.

 

Border Properties

Description

Border

Border shorthand property specify border style,width and color

Border-style

This property specify style of the border.

Border-width

This property specify width of the border.

Border-color

This property specify color of the border.

Border-radius

This property specify radius of the border.

Border-spacing

This property specify spacing of the border.

Border-image

This property specify radius of the border.

Border-collapse

This property specify whether the border are collapsed into single border or shown as separate borders.

Border-top

This shorthand property sets all top border width, style, color in one statement.

Border-top-style

This property sets style of top border.

Border-top-width

This property sets width of top border.

Border-top-color

This property sets color of top border.

Border-top-left-radius

This property sets radius for top left side border.

Border-top-right-radius

This property sets radius for top right side border.

Border-bottom

This shorthand property sets all bottom border width, style, color in one statement.

Border-bottom-style

This property sets style of bottom border.

Border-bottom-width

This property sets width of bottom border.

Border-bottom-color

This property sets color of bottom border.

Border-bottom-left-radius

This property sets radius for bottom left side border.

Border-bottom-right-radius

This property sets radius for bottom right side border.

Border-left

This shorthand property sets all left border width, style, color in one statement.

Border-left-style

This property sets style of left border.

Border-left-width

This property sets width of left border.

Border-left-color

This property sets color of left border.

Border-right

This shorthand property sets all right border width, style, color in one statement.

Border-right-style

This property sets style of right border.

Border-right-width

This property sets width of right border.

Border-right-color

This property sets color of right border.

 

CSS border: border-style border-width border-color;

  • The border shorthand property specify border properties for all four border in one statement.

 

Border value

Description

border-style

The second value, is used to set the style of the border and is set to a value of dashed, dotted, double, groove, hidden, inset, none, outset, ridge, or solid.

border-width

Sets all borders in numeric measurements or with a named value of thin, medium, or thick.

border-color

Finally, is used to set the color of the border using a CSS color value.

 

 

CSS Version

CSS1

Default Value

Not specified

Inherited

No

JavaScript Syntax

object.style.border="dounle 5px red"

Browser Supported

Ch-fox-ie-op-sa

Note

 

 

Example: Program example shows the use of CSS border property.
Output:
Pr.Pg border                                              Next Pg