ویژگی Style alignSelf
- صفحه قبلی alignItems
- صفحه بعدی animation
- بازگشت به لایه بالاتر موضوع Style HTML DOM
تعریف و استفاده
alignSelf ویژگی تعیین می‌کند که حالت قرارگیری عنصر انتخاب شده در داخل یک محفظه انعطاف‌پذیر چیست.
نکته:ویژگی alignSelf ویژگی انعطاف‌پذیری محفظه را پوشش می‌دهد ویژگی alignItems.
مثال
روشی برای تنظیم حالت قرارگیری یک عنصر در داخل یک عنصر انعطاف‌پذیر برای تطابق با محفظه تعیین کنید:
document.getElementById("myBlueDiv").style.alignSelf = "stretch";
نحوه استفاده
بازگشتی از ویژگی alignSelf:
object.style.alignSelf
تنظیم ویژگی alignSelf:
object.style.alignSelf = "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 |
|---|---|
| مقدار بازگشتی: | رشته‌ای که بیان‌کننده ویژگی align-self. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
alignItems ویژگی CSS3 (1999) است.
همه مرورگرها این ویژگی را به طور کامل پشتیبانی می‌کنند:
| Chrome | Edge | Firefox | Safari | Opera | IE |
|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera | IE |
| پشتیبانی می‌کند | پشتیبانی می‌کند | پشتیبانی می‌کند | پشتیبانی می‌کند | پشتیبانی می‌کند | 11 |
صفحات مرتبط
دستورالعمل مرجع CSS:ویژگی align-self
دستورالعمل HTML DOM STYLE:ویژگی alignContent
دستورالعمل HTML DOM STYLE:ویژگی alignItems
- صفحه قبلی alignItems
- صفحه بعدی animation
- بازگشت به لایه بالاتر موضوع Style HTML DOM
