ویژگی Style alignSelf
- پچھلے صفحے کو دیکھنا alignItems نمائش
- بعد کا صفحہ اینیمیشن
- مقابل سلسلہ کو واپس لینا موضوع HTML DOM Style
تعریف و استفاده
alignSelf ویژگی تعیین میکند که روش ترازگذاری عنصر انتخابشده در جعبه انعطافپذیر چیست.
نکته:ویژگی alignSelf این ویژگی را در جعبه انعطافپذیر alignItems نمائش.
مثال
برای تنظیم روش ترازگذاری یک عنصر در داخل عنصر انعطافپذیر، تا با جعبه سازگار باشد:
document.getElementById("myBlueDiv").style.alignSelf = "stretch";
نحوه نوشتن
بازگشتی ویژگی alignSelf:
هدف.style.alignSelf
تنظیم ویژگی alignSelf:
هدف.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) است.
تمام مرورگرها این ویژگی را کاملاً پشتیبانی میکنند:
| کروم | ایج | فایرفاکس | سافاری | اپرا | IE |
|---|---|---|---|---|---|
| کروم | ایج | فایرفاکس | سافاری | اپرا | IE |
| پشتیبانی میکند | پشتیبانی میکند | پشتیبانی میکند | پشتیبانی میکند | پشتیبانی میکند | 11 |
مرتبط صفحه
CSS مرجع کتابalign-self کا ویژگی
اہلمی ڈوم استایل رجوع دعوی:alignContent نمائش
اہلمی ڈوم استایل رجوع دعوی:alignItems نمائش
- پچھلے صفحے کو دیکھنا alignItems نمائش
- بعد کا صفحہ اینیمیشن
- مقابل سلسلہ کو واپس لینا موضوع HTML DOM Style
