صفت grid-row-end در css خط ردیف انتهای آیتم grid

صفت grid-row-end در css خط ردیف انتهای آیتم grid

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد خاصیت grid-row-end در زبان css توضیحاتی را ارائه نماییم.

ویژگی grid-row-end در سطح ۱ زبان طراحی سی اس اس یعنی ماژول سی اس اس گرید سطح ۱ معرفی شده است.

معرفی ویژگی کاربردی grid-row-end در زبان طراحی سی اس اس

توسط خاصیت grid-row-end می توانیم اندازه خط ردیف انتهای یک آیتم گرید را مشخص نماییم.

مقادیر صفت کاربردی grid-row-end در زبان طراحی سی اس اس

صفت کاربردی grid-row-end که در ماژول سی اس اس گرید سطح ۱ معرفی شده است، ۲ مقدار می پذیرد که عبارتند از:

مقدار 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 در سطح ۱ زبان طراحی سی اس اس یعنی ماژول CSS گرید سطح ۱ معرفی شده است.

بررسی ساختاری خصوصیت grid-row-end


عناوین ساختاری خاصیت grid-row-end	وضعیت ساختاری خاصیت grid-row-end
مقدار پیش فرض	auto
قابلیت توارث	ندارد
قابلیت تحرک	دارد
ورژن css صفت	ماژول CSS گرید سطح ۱
سینتکس صفت در جاوا اسکریپت	"object.style.gridRowEnd="4