ویژگی 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: مقدار؛
ارزش های املاک
Description | Value |
پیش فرض وسایل را متناسب با ظرف می کشد | stretch |
موارد را در مرکز ظرف قرار می دهد | center |
موارد را در ابتدای ظرف قرار دهید | flex-start |
موارد را در انتهای ظرف قرار دهید | flex-end |
آیتم ها را در خط پایه ظرف قرار می دهد | baseline |
مقدار پیش فرض ویژگی را برمی گرداند. | initial |
ویژگی را از عنصر اصلی به ارث می برد. | inherit |
پشتیبانی از مرورگر
این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera و Edge پشتیبانی می شود.
در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.
این مقاله چقدر براتون مفید بود؟