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