УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

CSS3 Свойство grid-columns


CSS Справочник Полный CSS Справочник

Пример

Одна линия сетки в середине элемента div, другая на 200 пикселов справа и еще одна в середине оставшегося пространства:

div
{
grid-columns:50% * * 200px;
}


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство grid-columns не поддерживается ни одним из основных браузеров.


Определение и Использование

Свойство grid-columns указывает ширину каждой колонки в сетке.

Подсказка: Использование систем сеток имеет огромное значение для дизайнеров по печати. Сейчас та же концепция применяется к онлайн контенту. Свойства сетки добавляют возможности для изменения размеров и позиционирования заголовков, текста и изображений в масштабируемой сетке.

Значение по умолчанию: none
Наследуется: нет
Версия: CSS3
JavaScript синтаксис: объект.style.gridColumns="50% * * 200px"


Синтаксис

grid-columns: расстояние|%|none|inherit;

Значение Описание
расстояние Ссылается на сетку содержащего блока
% Ссылается на ширину содержащего блока
none  
inherit  


CSS Справочник Полный CSS Справочник




© 2011 - 2022 Уроки CSS