What does border-collapse :separate do? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 4

What does border-collapse :separate do?

I don't understand what (border-collapse: separate;) really do? I tried to find the answer but yet couldn't find! pls anyone help me

21st May 2017, 7:13 PM
Sourov Ajmain
Sourov Ajmain - avatar
4 Answers
+ 3
The Property border-collapse sets if the borders of the table are collapsed into a single border or if they are detached. border-collapse:separate = the borders are detached. This is the Default. It means that if there is border spacing and empty cells they will not be ignored.
21st May 2017, 7:55 PM
Elias Papachristos
Elias Papachristos - avatar
+ 3
it would be more helpful to understand sir! if you give me a example by code
21st May 2017, 8:02 PM
Sourov Ajmain
Sourov Ajmain - avatar
+ 2
If you have time check it on the w3schools.com That's where I go when I have troubles. ^_^
21st May 2017, 8:21 PM
Elias Papachristos
Elias Papachristos - avatar
+ 2
Sourov Ajmain, I made a simple interactive example: https://code.sololearn.com/WyNzbX72MugS/?ref=app . I hope you will find it useful (if you read this). [edit] W3schols has got a similar example: https://www.w3schools.com/cssref/playit.asp?filename=playcss_border-collapse .
9th Aug 2021, 3:38 PM
#0009e7 [get]
#0009e7 [get] - avatar