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-collapse
ir collapse
, ir ievērojams, ka tādas īpašības kā border-spacing
un 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 |