CSS گرید آٹو کولمنس پراپرٹی

تعریف و استعمال

grid-auto-columns اپرائز گرید کنٹینر میں ستونوں کی اکائی قائم کرتی ہے。

یہ اپرائز صرف اپنے اکائی کو نہیں مقرر کئے گئے ستونوں پر اثر انداز کرتی ہے。

مزید دیکھیئے:

CSS تعلیم:CSS گرید لائاوت

CSS مراجع:grid-auto-rows اپرائز

مثال

گرید میں ستونوں کی مقصدی اکائی قائم کرنا:

.grid-container {
  display: grid;
  grid-auto-columns: 50px;
}

خود بخود کا تجربہ

CSS زبان:

grid-auto-columns: auto|max-content|min-content|length;

اپرائز کا وقف

قیمتیں وصف
auto مقصد:
fit-content()
max-content کسی ستون میں زیادہ سے زیادہ پروجیکٹ کی مدد سے ہر ستون کی اکائی قائم کرنا。
min-content کسی ستون میں کمترین پروجیکٹ کی مدد سے ہر ستون کی اکائی قائم کرنا。
minmax(min.max) minmax(min.max) کی مدد سے min سے بڑھی یا مساوی اور max سے چھوٹی یا مساوی اکائی کا دائرہ کار قائم کرنا。
length ستونوں کی اکائی قائم کرنا، مجاز کی طول کی کا تابعیت میں دیکھیئےطول کی اکائی。
% ستونوں کی اکائی قائم کرنا، کانسی کا استعمال کرکے فیصد کی کا تابعیت میں。

تکنیکی تفصیلات

مقصد: auto
وارسس: نہیں
آنیماشن تیار کرنا: سپورٹ آفآنیماشن سے متعلق اپرائز。
ورژن: CSS Grid Layout Module Level 1
جاوا اسکریپٹ زبان: object.style.gridAutoColumns="120px"

بروسر کی سپورٹ

تبصرہ میں نمبرات پہلے بروسر کی وضاحت میں مکمل سپورٹ کا حوالہ دیتی ہیں。

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44