Espaciado de bordes - Trucos CSS

Anonim

La border-spacingpropiedad en CSS controla qué tan separadas están las celdas en un

display: table;

Toma cualquiera de las longitudes de CSS.

En particular, solo tiene algún efecto si la tabla está usando el valor predeterminado border-collapse: separate;y no tiene ningún efecto cuando border-collapse: collapse;se establece.

table ( border-collapse: separate; border-spacing: 5px; border-spacing: 1vw; border-spacing: 2em; )

Consulte la
tabla de plumas con celdas redondeadas de Chris Coyier (@chriscoyier)
en CodePen.

Soporte del navegador

elemento (o un elemento que está hecho para ser similar a una tabla a través de).
Cromo Safari Firefox Ópera ES DECIR Androide iOS
Trabajos Trabajos Trabajos Trabajos Trabajos Trabajos Trabajos