loader

Cвойство column-fill указывает как содержимое должно располагается внутри столбца (column). Если значение свойства column-fill установлено как balanced, то содержимое во всех столбцах будет иметь одинаковую высоту. В случае использования значения auto, содержимое занимает столько пространства сколько ему потребуется.

column-fill հատկությունը սահմանում է, թե ինչպես պետք է բովանդակությունը տեղադրվի սյունակի ներսում: Եթե column-fill հատկության արժեքը սահմանված է balanced, ապա բոլոր սյունակներում բովանդակությունը կունենա նույն բարձրությունը: Եթե օգտագործվում է auto, բովանդակությունը զբաղեցնում է այնքան տարածք, որքան անհրաժեշտ է:

Синтаксис

Գրելաձև
columns: auto; ⟿ Автоматическое выставление высоты столбцов.
columns: balance; ⟿ Разделить содержимое на равные по высоте столбцы. columns: auto; ⟿ Ավտոմատ սյունակի բարձրության նշանակում.
columns: balance; ⟿ Բովանդակությունը բաժանում է հավասար բարձրության սյունակների.

Пример

Օրինակ

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

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

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

 column-fill image

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