صفت grid-column-start در css ستون شروع آیتم grid

صفت grid-column-start در css ستون شروع آیتم grid

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

ویژگی grid-column-start در سطح 1 زبان طراحی سی اس اس یعنی ماژول سی اس اس گرید سطح 1 معرفی شده است.

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

توسط خاصیت grid-column-start می توانیم اندازه خط ستون شروع یک آیتم گرید را مشخص نماییم.

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

صفت کاربردی grid-column-start که در ماژول سی اس اس گرید سطح 1 معرفی شده است، 2 مقدار می پذیرد که عبارتند از:

مقدار auto
مقدار row-line

صفت grid-column-start در css ستون شروع آیتم grid

مقدار auto درون خاصیت grid-column-start در زبان سی اس اس

اگر خاصیت grid-column-start را برابر با مقدار auto قرار دهیم، باعث می شود آیتم بصورت خودکار در سیستم گرید جای بگیرد.

مقدار auto به عنوان مقدار پیش فرض خصوصیت grid-column-start می باشد.

مثال براساس مقدار auto برای خاصیت grid-column-start

[html] div {grid-column-start: auto;} [/html]

مقدار row-line درون خاصیت grid-column-start در زبان سی اس اس

اگر خاصیت grid-column-start را برابر با مقدار row-line قرار دهیم، یعنی می خواهیم از طریق یک شماره خط یا نام خط مکان ، شروع ستون یک آیتم گرید را مشخص نماییم.

مثال براساس مقدار row-line برای خاصیت grid-column-start

[html] div {grid-column-start: 2;} [/html]

بررسی خاصیت grid-column-start از نظر نسخه زبان طراحی سی اس اس

خصوصیت grid-column-start در سطج 1 زبان طراحی سی اس اس یعنی ماژول CSS گرید سطح 1 معرفی شده است.

بررسی ساختاری خصوصیت grid-column-start


عناوین ساختاری خاصیت grid-column-start	وضعیت ساختاری خاصیت grid-column-start
مقدار پیش فرض	auto
قابلیت توارث	ندارد
قابلیت تحرک	دارد
ورژن css صفت	ماژول CSS گرید سطح 1
سینتکس صفت در جاوا اسکریپت	"object.style.gridColumnStart="3