صفت grid-column-start در css
صفت 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
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
مقدار auto درون خاصیت grid-column-start در زبان سی اس اس
اگر خاصیت grid-column-start را برابر با مقدار auto قرار دهیم، باعث می شود آیتم بصورت خودکار در سیستم گرید جای بگیرد. مقدار auto به عنوان مقدار پیش فرض خصوصیت grid-column-start می باشد. مثال براساس مقدار auto برای خاصیت grid-column-start:
div {grid-column-start: auto;}
مقدار row-line درون خاصیت grid-column-start در زبان سی اس اس
اگر خاصیت grid-column-start را برابر با مقدار row-line قرار دهیم، یعنی می خواهیم از طریق یک شماره خط یا نام خط مکان ، شروع ستون یک آیتم گرید را مشخص نماییم.
مثال براساس مقدار row-line برای خاصیت grid-column-start:
div {grid-column-start: 2;}
بررسی خاصیت grid-column-start از نظر نسخه زبان طراحی سی اس اس
خصوصیت grid-column-start در سطج 1 زبان طراحی سی اس اس یعنی ماژول CSS گرید سطح 1 معرفی شده است.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی وب با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
بررسی ساختاری خصوصیت grid-column-start
عناوین ساختاری خاصیت grid-column-start | وضعیت ساختاری خاصیت grid-column-start |
مقدار پیش فرض | auto |
قابلیت توارث | ندارد |
قابلیت تحرک | دارد |
ورژن css صفت | ماژول CSS گرید سطح 1 |
سینتکس صفت در جاوا اسکریپت | "object.style.gridColumnStart="3 |
پشتیبانی مرورگرهای اینترنتی از خاصیت grid-column-start در زبان طراحی سی اس اس
خاصیت css | |||||
grid-column-start | 57 | 16 | 52 | 10 | 44 |
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
صفت grid-column-start در css ستون شروع آیتم grid – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید