border-spacing

                इस property के द्वारा आप किसी भी table के cells के बीच का space define कर सकते है। इस space को आप horizontally और vertically दोनों तरह से define कर सकते है। 

Note:- जब आप एक value define करते है तो यह horizontal और vertical दोनों तरह से apply हो जाती है। जब आप दो values define करते है तो पहली value horizontally apply होती है और दूसरी value vertically apply होती है।

table{

      border-collapse:separate;

      border-spacing:20px;

     }

caption-side

        इस property के द्वारा आप table का caption कँहा show होगा ये define कर सकते है। लेकिन ये property केवल तब ही काम करती है जब आप table के अंदर <caption> tag यूज़ करते है। इस property की आप 2 values define कर सकते है।

i.       top

ii.     bottom 

Example:-

table

{  

border-spacing:20px;  

caption-side:bottom;

}

border-spacing

                Through this property you can define the space between the cells of any table. You can define this space both horizontally and vertically.

Note:- When you define a value, it applies both horizontally and vertically. When you define two values, the first value is applied horizontally and the second value is applied vertically.

table{

      border-collapse:separate;

      border-spacing:20px;

     }

caption-side

        Through this property you can define where the caption of the table will be shown. But this property works only when you use <caption> tag inside the table. You can define 2 values of this property.

i.       top

ii.     bottom 

Example:-

table

{  

border-spacing:20px;  

caption-side:bottom;

}