ویژگی align-self CSS

تعریف و استفاده

align-self ویژگی‌ها روش قرارگیری پروژه‌های انتخاب شده در قالب انعطاف‌پذیر را مشخص می‌کند.

توجه:ویژگی alignSelf ویژگی‌های انتخاب شده در قالب انعطاف‌پذیر را پوشش می‌دهد. align-items ویژگی‌ها.

لطفاً به: مراجعه کنید

آموزش CSS:CSS Grid

آموزش CSS:Flexbox CSS

منابع CSS:ویژگی alignContent

منابع CSS:ویژگی alignItems

منابع CSS:ویژگی justifySelf

منابع HTML DOM:ویژگی alignSelf

مثال

یکی از پروژه‌های درون عنصر انعطاف‌پذیر را در وسط قرار دهید:

#myBlueDiv {
  align-self: center;
}

آزمایش کنید

جمله‌بندی CSS

align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;

مقدار ویژگی

مقدار توضیح
auto پیش‌فرض. عنصر ویژگی align-items قالب والد خود را ارث می‌برد، اگر قالب والد وجود نداشته باشد، "stretch" خواهد بود.
stretch عنصر برای تطابق با قالب کشیده می‌شود.
center عنصر در وسط قالب قرار دارد.
flex-start عنصر در ابتدای قالب قرار دارد.
flex-end عنصر در انتهای قالب قرار دارد.
baseline عنصر به خط پایه قالب قرار می‌گیرد.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به: مراجعه کنید initial.
inherit این ویژگی از عنصر والد خود ارث می‌برد. لطفاً به: مراجعه کنید inherit.

جزئیات فنی

مقدار پیش‌فرض: auto
وراثت: خیر
انیمیشن‌سازی: پشتیبانی نمی‌شود. لطفاً به: مراجعه کنیدویژگی‌های مرتبط با انیمیشن.
نسخه: CSS3
جمله‌بندی JavaScript: object.style.alignSelf="center"

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

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 16.0 52.0 10.1 44.0