border-collapseĪpašums lietošanai
display: table display: inline-table
separate(noklusējums) - kurā visām tabulas šūnām ir savas neatkarīgās robežas un starp šīm šūnām var būt arī atstarpe.collapse- kurā sabrūk gan telpa, gan robežas starp tabulas šūnām, tāpēc starp šūnām ir tikai viena robeža.
Kad tas border-collapseir collapse, ir ievērojams, ka tādas īpašības kā border-spacingun border-radius(uz faktiskajām robežām) neko nedara. Jums būs nepieciešams, border-collapse: separate;ja jums nepieciešama kāda no šīm lietām.
Šeit ir piemērs, kur jūs varat nomainīt abus:
Skatiet
Krista Koijera (@chriscoyier) pildspalvu tabulu ar noapaļotām šūnām
vietnē CodePen.
Pārlūka atbalsts
elementi (vai elementi, kas uzvestas kā tabula caur vai). Ir divas vērtības:| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Darbi | Darbi | Darbi | Darbi | Darbi | Darbi | Darbi |