Propriedade CSS grid-columns
Suporte do navegador
Nenhum navegador suporta grid-columns no momento.
Definição e uso
A propriedade grid-columns é a largura de cada coluna na grade.
Dica:O sistema de grade é de grande valor para designers de impressão. Agora, as mesmas mudanças são aplicadas ao conteúdo online. As propriedades de grade fornecem a capacidade de ajustar o tamanho e a posição dos títulos, textos e imagens em uma grade escalável.
Exemplo
Adicione uma linha de grade no meio do elemento div, adicione outra a 200 pixels da direita no espaço restante e outra no meio do espaço restante:
div
{
grid-columns:50% * * 200px;
}
Sintaxe CSS
grid-columns: length|%|none|inherit;
Valor do atributo
| Valor | Descrição |
|---|---|
| length | Referencie a grade do bloco contido. |
| % | Referencie a largura do bloco contido. |
| nada | |
| inherit |
Detalhes técnicos
| Valor padrão: | nada |
|---|---|
| Herança: | não |
| Versão: | CSS3 |
| Sintaxe JavaScript: | object.style.gridColumns="50% * * 200px" |
