Гранични колапс - ЦСС-трикови

Anonim

border-collapseИмовина је за употребу на

display: table display: inline-table
  • separate (подразумевано) - у којем све ћелије табеле имају своје независне границе и између тих ћелија такође може бити простора.
  • collapse - у којем се и простор и границе између ћелија табеле урушавају, тако да постоји само једна граница, а нема размака између ћелија.

Када border-collapseје collapseтако, приметно је да својства попут border-spacingи border-radius(на стварним границама) не раде ништа. Требат ће вам border-collapse: separate;ако вам је потребна било која од тих ствари.

Ево примера где можете да се пребацујете између њих:

Погледајте
Сто оловке са заобљеним ћелијама Цхриса Цоииера (@цхрисцоииер)
на ЦодеПен-у.

Подршка прегледача

елементи (или елементи направљени да се понашају као табела кроз или). Постоје две вредности:
Хром Сафари Фирефок Опера ИЕ Андроид иОС
Извођење радова Извођење радова Извођење радова Извођење радова Извођење радова Извођење радова Извођење радова