خصائص alignItems النمط
- الصفحة السابقة خصائص alignContent
- الصفحة التالية alignSelf
- العودة إلى الطبقة السابقة موضوع Style في HTML DOM
التعريف والاستخدام
alignItems تحدد الخاصية弹性 الصندوق موضع العناصر الافتراضي.
نصيحة:استخدم الخاصية لكل عنصر خصائص align-self لإزالة align-items الخاصية.
مثال
ضع موضع جميع العناصر في <div> الهيدرالية في بداية الصندوق:
document.getElementById("main").style.alignItems = "flex-start";
النحو
القيمة العائدة الخاصة به alignItems:
object.style.alignItems
ضبط الخاصية alignItems:
object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| stretch | افتراضي. يتم تمديد العنصر ليتناسب مع الصندوق. |
| center | الموضع يتم تحديد في منتصف الصندوق. |
| flex-start | الموضع يتم تحديد في بداية الصندوق. |
| flex-end | الموضع يتم تحديد في نهاية الصندوق. |
| baseline | الموضع يتم تحديد في الأساس للصندوق. |
| initial | ضبط هذا الخصائص إلى قيمته الافتراضية. انظر initial. |
| inherit | ينتقل هذا الخصائص من العنصر الأم. انظر inherit. |
تفاصيل التقنية
| القيمة الافتراضية: | stretch |
|---|---|
| القيمة العائدة: | السلسلة، تمثل موضع العنصر align-items الخاصية. |
| إصدار CSS: | CSS3 |
دعم المتصفحات
alignItems هي خاصية CSS3 (1999).
يدعم جميع المتصفحات بشكل كامل:
| Chrome | Edge | Firefox | Safari | Opera | IE |
|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera | IE |
| يدعم | يدعم | يدعم | يدعم | يدعم | 11 |
الصفحات ذات الصلة
دليل CSS المرجعي:align-items الخاصية
دليل مرجع HTML DOM STYLE:خصائص alignContent
دليل مرجع HTML DOM STYLE:خصائص alignSelf
- الصفحة السابقة خصائص alignContent
- الصفحة التالية alignSelf
- العودة إلى الطبقة السابقة موضوع Style في HTML DOM
