مثال (خصوصیت grid-rows)
تعریف کردن یک ردیف عنوان به ارتفاع 100 پیکسل و اضافه کردن ردیف های دیگر در صورت نیاز:
div
{
grid-rows:100px (30px 60px);
}
{
grid-rows:100px (30px 60px);
}
پشتیبانی مرورگرها
هیچ یک از مرورگرهای اصلی، خصوصیت grid-rows را پشتیبانی نمی کنند.
تعریف و کاربرد
The grid-rows property specifies the height of each row in the grid.
با استفاده از خصوصیت grid-rows می توان ارتفاع هر ردیف را به بخش هایی تقسیم کرد.
نکته: استفاده از سیستم grid یک امکان عالی برای طراحی چاپ می باشد. دقیقا چنین مفهومی برای محتوای آنلاین بکار می رود. خصوصیت grid برای افزودن قابلیت هایی برای سایز دهی و مکان دهی هدینگ ها، متن، و تصاویر در grid مقیاس پذیر بکار می رود.
| مقدار پیشفرض | none |
|---|---|
| ارث بری | خیر |
| نسخه | CSS3 |
| JavaScript ساختار | object.style.gridRows="100px (30px 60px)" |
نحوه استفاده
grid-rows: length|%|none|inherit;
| مقدار | توضیحات |
|---|---|
| length | اشاره به grid بلوک محتوا دارد. |
| % | اشاره به عرض بلوک محتوا دارد |
| none | |
| inherit |
