سبد (0)

خصوصیت grid-columns

مثال (خصوصیت grid-columns)

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

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

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

Internet Explorer Firefox Opera Google Chrome Safari

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


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

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

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

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

نحوه استفاده

grid-columns: length|%|none|inherit;
مقدارتوضیحات
length

اشاره به grid بلوک محتوا دارد.

%

اشاره به عرض بلوک محتوا دارد.

none  
inherit  
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه