border-collapseNekretnina je za uporabu na
display: table display: inline-table
separate(zadano) - u kojem sve stanice tablice imaju vlastite neovisne granice, a između tih ćelija također može biti prostora.collapse- u kojem se i prostor i granice između ćelija tablice urušavaju, tako da postoji samo jedna granica, a nema razmaka između ćelija.
Kad border-collapseje tako collapse, primjetno je da svojstva poput border-spacingi border-radius(na stvarnim granicama) ne čine ništa. Trebat će border-collapse: separate;vam ako vam treba bilo koja od tih stvari.
Evo primjera gdje možete mijenjati to dvoje:
Pogledajte
Stol olovke sa zaobljenim ćelijama Chrisa Coyiera (@chriscoyier)
na CodePenu.
Podrška preglednika
elementi (ili elementi napravljeni da se ponašaju poput tablice kroz ili). Dvije su vrijednosti:| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Djela | Djela | Djela | Djela | Djela | Djela | Djela |