خصوصیت grid-columns

مثال

قرار دادن یک خط در وسط عنصر div، خط دیگر در فاصله 200 پیکسلی از سمت راست عنصر، و یک خط نیز در وسط فضای باقیمانده:

		div

		{

		grid-columns:50% * * 200px;

		}

پشتیبانی مرورگرها

هیچ یک از مرورگرهای اصلی، خصوصیت grid-columns را پشتیبانی نمی کنند.

تعریف و کاربرد

با استفاده از خصوصیت grid-column می توان عرض هر ستون را به بخش هایی تقسیم کرد.

نکته: استفاده از سیستم grid یک امکان عالی برای طراحی چاپ می باشد. دقیقا چنین مفهومی برای محتوای آنلاین بکار می رود. خصوصیت grid برای افزودن قابلیت هایی برای سایز دهی و مکان دهی هدینگ ها، متن، و تصاویر در grid مقیاس پذیر بکار می رود.

مقدار پیشفرض	none
ارث بری	خیر
نسخه	CSS3
JavaScript ساختار	object.style.gridColumns="50% * * 200px"

نحوه استفاده

		grid-columns: length|%|none|inherit;

مقدار	توضیحات
length	اشاره به grid بلوک محتوا دارد.
%	اشاره به عرض بلوک محتوا دارد.
none
inherit

لینک های اصلی

مرجع CSS

خصوصیت grid-columns

مثال

پشتیبانی مرورگرها

نحوه استفاده

لِکُلِّ شَیْ‏ءٍ زَکَاةٌ وَ زَکَاةُ الْعَقْلِ احْتِمَالُ الْجُهَّال‏

برای هر چیزی زکاتیست و زکات عقل تحمّل نادانان است.