Propiedad CSS grid-columns
Compatibilidad con navegadores
Actualmente no hay navegadores que soporten grid-columns.
Definición y uso
La propiedad grid-columns es la anchura de cada columna en la cuadrícula.
Consejo:El uso del sistema de cuadrícula tiene un gran valor para los diseñadores de impresión. Ahora, el mismo cambio se aplica al contenido en línea. Las propiedades de cuadrícula proporcionan la capacidad de ajustar el tamaño y la posición de los títulos, el texto y las imágenes en una cuadrícula escalable.
Ejemplo
Agregar una fila de cuadrícula en el centro del elemento div, agregar otra a 200 píxeles del lado derecho, y agregar otra en el centro del espacio restante:
div
{
grid-columns:50% * * 200px;
}
Sintaxis de CSS
grid-columns: longitud|%|none|heredar;
Valor del atributo
| Valor | Descripción |
|---|---|
| longitud | Referir a la cuadrícula del bloque que contiene. |
| % | Referir a la anchura del bloque que contiene. |
| none | |
| heredar |
Detalles técnicos
| Valor predeterminado: | none |
|---|---|
| Herencia: | no |
| Versión: | CSS3 |
| Sintaxis de JavaScript: | object.style.gridColumns="50% * * 200px" |
