لوگو دویکس
ورود / ثبت نام
ویژگی CSS align-item

ویژگی CSS align-item

دسته بندی : آموزش CSS سطح مقاله : متوسط زمان مطالعه : 2 دقیقه آخرین بروز رسانی: 19 بهمن 1399

ویژگی CSS align-item را در این مقاله مورد بررسی قرار داده ایم.

تعریف ویژگی CSS align-item

از ویژگی CSS متن تراز برای تعیین تراز بندی مواردی که در یک ظرف فلکس قرار دارند استفاده می شود:

.flexcontainer {
    display: -webkit-flex; /* Safari */
    -webkit-align-items: flex-start; /* Safari 7.0 and newer */
    display: flex;
    align-items: flex-start;
}

موارد تراز در CSS3 معرفی شده اند ، به طرح flexbox تعلق دارند. نه می تواند ارثی باشد و نه متحرک.

نکته: استفاده از ویژگی align-self موارد تراز را لغو می کند.

قوانین نحو برای تراز کردن موارد

نحو برای ویژگی CSS align-items ساده است – آنچه شما برای تعریف نیاز دارید یکی از مقادیر ویژگی موجود است:

align-items: مقدار؛

ارزش های املاک

DescriptionValue
پیش فرض وسایل را متناسب با ظرف می کشدstretch
موارد را در مرکز ظرف قرار می دهدcenter
موارد را در ابتدای ظرف قرار دهیدflex-start
موارد را در انتهای ظرف قرار دهیدflex-end
آیتم ها را در خط پایه ظرف قرار می دهدbaseline
مقدار پیش فرض ویژگی را برمی گرداند.initial
ویژگی را از عنصر اصلی به ارث می برد.inherit

پشتیبانی از مرورگر

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊