خصوصیت grid-columns
مثال (خصوصیت grid-columns)
قرار دادن یک خط در وسط عنصر div، خط دیگر در فاصله 200 پیکسلی از سمت راست عنصر، و یک خط نیز در وسط فضای باقیمانده:
div
{
grid-columns:50% * * 200px;
}
{
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 |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6418