border-collapseTurtas yra naudoti
display: table display: inline-table
separate(numatytasis) - kuriose visos lentelės langeliai turi savo nepriklausomas sienas ir tarp tų langelių gali būti vietos.collapse- kurioje tarpas ir sienos tarp lentelės langelių žlunga, todėl tarp langelių yra tik viena riba ir nėra tarpo.
Kada border-collapseyra collapse, pažymėtina, kad tokios savybės kaip border-spacingir border-radius(tikrosiose sienose) nieko nedaro. Jums reikės, border-collapse: separate;jei jums reikia kurio nors iš šių dalykų.
Pateikiame pavyzdį, kur galite pasikeisti:
Žiūrėkite
„Chris Coyier“ (@chriscoyier) rašiklių lentelę su užapvalintomis ląstelėmis „
CodePen“.
Naršyklės palaikymas
elementai (arba elementai, pagaminti taip, kad elgtųsi kaip lentelė per arba). Yra dvi vertės:| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| Veikia | Veikia | Veikia | Veikia | Veikia | Veikia | Veikia |