صفت grid-row-end در css
صفت grid-row-end در css خط ردیف انتهای آیتم grid
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد خاصیت grid-row-end در زبان css توضیحاتی را ارائه نماییم.
ویژگی grid-row-end در سطح 1 زبان طراحی سی اس اس یعنی ماژول سی اس اس گرید سطح 1 معرفی شده است.
معرفی ویژگی کاربردی grid-row-end در زبان طراحی سی اس اس
توسط خاصیت grid-row-end می توانیم اندازه خط ردیف انتهای یک آیتم گرید را مشخص نماییم.
مقادیر صفت کاربردی grid-row-end در زبان طراحی سی اس اس
صفت کاربردی grid-row-end که در ماژول سی اس اس گرید سطح 1 معرفی شده است، 2 مقدار می پذیرد که عبارتند از:
- مقدار auto
- مقدار span n
- مقدار column-line
صفت grid-row-end در css خط ردیف انتهای آیتم grid
مقدار auto درون خاصیت grid-row-end در زبان سی اس اس
اگر خاصیت grid-row-end را برابر با مقدار auto قرار دهیم، باعث می شود آیتم بصورت خودکار در سیستم گرید جای بگیرد.
مقدار auto به عنوان مقدار پیش فرض خصوصیت grid-row-end می باشد.
مثال براساس مقدار auto برای خاصیت grid-row-end
[html] div {grid-row-end: auto;} [/html]
مقدار span n درون خاصیت grid-row-end در زبان سی اس اس
اگر خاصیت grid-row-end را برابر با مقدار span n قرار دهیم، یعنی می خواهیم با یک شماره تعیین کنیم که انتهای خط ردیف آیتم گرید به اندازه چند ترک بزرگ تر شود.
مثال براساس مقدار span n برای خاصیت grid-row-end
[html] div {grid-row-end: span 4;} [/html]
مقدار column-line درون خاصیت grid-row-end در زبان سی اس اس
اگر خاصیت grid-row-end را برابر با مقدار column-line قرار دهیم، یعنی می خواهیم از طریق یک شماره خط ، انتهای خط ردیف یک آیتم گرید را مشخص نماییم.
مثال براساس مقدار column-line برای خاصیت grid-row-end
[html] div {grid-row-end: 2;} [/html]
صفت grid-row-end در css خط ردیف انتهای آیتم grid
بررسی خاصیت grid-row-end از نظر نسخه زبان طراحی سی اس اس
خصوصیت grid-row-end در سطح 1 زبان طراحی سی اس اس یعنی ماژول CSS گرید سطح 1 معرفی شده است.
بررسی ساختاری خصوصیت grid-row-end
عناوین ساختاری خاصیت grid-row-end | وضعیت ساختاری خاصیت grid-row-end |
مقدار پیش فرض | auto |
قابلیت توارث | ندارد |
قابلیت تحرک | دارد |
ورژن css صفت | ماژول CSS گرید سطح 1 |
سینتکس صفت در جاوا اسکریپت | "object.style.gridRowEnd="4 |
پشتیبانی مرورگرهای اینترنتی از خاصیت grid-row-end در زبان طراحی سی اس اس
خاصیت css | ![]() | ![]() | ![]() | ![]() | ![]() |
grid-row-end | 57 | 16 | 52 | 10 | 44 |
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
صفت grid-row-end در css خط ردیف انتهای آیتم grid
صفت grid-row-end در css خط ردیف انتهای آیتم grid – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید