loader

Cвойство grid-column сокращенное свойство задает размер и положение элемента сетки в столбце сетки, добавляя линию, диапазон или ничего (автоматически) к его размещению в сетке, тем самым указывая начальный и конечный край его области сетки.

grid-column հատկությունը սահմանում է ցանցի տարրի չափն ու դիրքը ցանցի սյունակում՝ ավելացնելով տող, տիրույթ կամ ոչինչ (ավտոմատ կերպով) դրա տեղադրմանը ցանցի մեջ, դրանով իսկ նշելով ցանցի տարածքի սկզբն ու վերջը:

Синтаксис

Գրելաձև
grid-column: auto; ⟿ Не влияет на размещение элемента сетки. По умолчанию, равный 1.
grid-column: 2; ⟿ Влияет на размещение элемента сетки.
grid-column: 2 / 3; ⟿ Влияет на начальное размещение элемента сетки | Влияет на конечное размещение элемента сетки. grid-column: auto; ⟿ Չի ազդում ցանցի տարրի տեղադրման վրա: Սովորաբար արժեքը 1 է.
grid-column: 2; ⟿ Ազդում է ցանցի տարրի տեղադրման վրա.
grid-column: 2 / 3; ⟿ Ազդում է ցանցի տարրի սկզբնական տեղադրման վրա | Ազդում է ցանցի տարրի վերջնական տեղադրման վրա.

Пример

Օրինակ

See the Pen grid-column by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

 wbr image

Также у тега grid-column есть следующие под. теги
Поддержка браузера дляԲրաուզերի աջակցությունը grid-column элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 6+ 16+ 57+ 52+ 10.1+ 44+
Notes