Свойство grid-columns CSS
Поддержка браузерами
В настоящее время ни один браузер не поддерживает grid-columns.
Определение и использование
Свойство grid-columns ширина каждого столбца в сетке.
Совет:Использование системы сетки имеет巨大的 значение для дизайнеров печати. Теперь те же изменения применяются к онлайн-контенту. Свойства сетки предоставляют возможность регулировать размер и положение заголовков, текста и изображений в масштабируемой сетке.
Пример
Добавить строку сетки в центре элемента div, добавить другую в 200 пикселях от правого края, а также добавить еще одну в центре оставшегося пространства:
div
{
grid-columns:50% * * 200px;
}
Грамматика CSS
grid-columns: длина|%|none|унаследовать;
Значение свойств
| Значение | Описание |
|---|---|
| длина | Указать сетку содержащего блока. |
| % | Указать ширину содержащего блока. |
| нет | |
| унаследовать |
Технические детали
| Значение по умолчанию: | нет |
|---|---|
| Инheritability: | нет |
| Версия: | CSS3 |
| JavaScript грамматика: | object.style.gridColumns="50% * * 200px" |
