Definición de .row-gap utilizado en CSS
La propiedad .row-gap en CSS establece el espacio (formalmente llamado «canaletas») entre filas en la cuadrícula CSS, los diseños de columnas FlexBox y CSS.
Ejemplo de uso de row-gap
Esta propiedad de CSS se emplea de la siguiente manera:
.something {
display: grid;
grid-template-rows: repeat(3, 1fr);
grid-row-gap: 2rem; /* Will be used instead by browsers that do not support `row-gap` */
row-gap: 2rem; /* Used by browsers that support `row-gap` */
}Otro ejemplo más avanzado de .row-gap es el siguiente de CODEPEN:
Sintaxis de .row-gap en CSS
row-gap: length|normal|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| longitud | Una longitud específica o % que establecerá el espacio entre las filas | |
| normal | Valor por defecto. Especifica un espacio normal entre las filas | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .row-gap
Los números de la tabla detallan la primera versión del navegador que es absolutamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| scroll-behavior | 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
