صفت grid-column-start در css ستون شروع آیتم grid
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد خاصیت grid-column-start در زبان css توضیحاتی را ارائه نماییم.
ویژگی grid-column-start در سطح ۱ زبان طراحی سی اس اس یعنی ماژول سی اس اس گرید سطح ۱ معرفی شده است.
معرفی ویژگی کاربردی grid-column-start در زبان طراحی سی اس اس
توسط خاصیت grid-column-start می توانیم اندازه خط ستون شروع یک آیتم گرید را مشخص نماییم.
مقادیر صفت کاربردی grid-column-start در زبان طراحی سی اس اس
صفت کاربردی grid-column-start که در ماژول سی اس اس گرید سطح ۱ معرفی شده است، ۲ مقدار می پذیرد که عبارتند از:
- مقدار 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 در سطج ۱ زبان طراحی سی اس اس یعنی ماژول CSS گرید سطح ۱ معرفی شده است.
بررسی ساختاری خصوصیت grid-column-start
عناوین ساختاری خاصیت grid-column-start | وضعیت ساختاری خاصیت grid-column-start |
مقدار پیش فرض | auto |
قابلیت توارث | ندارد |
قابلیت تحرک | دارد |
ورژن css صفت | ماژول CSS گرید سطح ۱ |
سینتکس صفت در جاوا اسکریپت | "object.style.gridColumnStart="3 |
پشتیبانی مرورگرهای اینترنتی از خاصیت grid-column-start در زبان طراحی سی اس اس
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی