خصائص justifyContent Style
- الصفحة السابقة الإزالة
- الصفحة التالية اليسار
- العودة إلى الطبقة السابقة مفهوم Style في HTML DOM
التعريف والاستخدام
عندما لا تستخدم العناصر جميع المساحة المتاحة على المحور الرئيسي (أفقي)، justifyContent تثبيت العناصر في صندوق التوسع المروج.
إشارة:تذكر أن تستخدم alignContent تثبيت العناصر في المحور الأفقي (عمودي).
انظر أيضًا:
دليل CSS:خصائص justify-content
مثال
اترك مساحة بين العناصر في العناصر الإليكترونية المروجة <div>:
document.getElementById("main").style.justifyContent = "space-between";
النحو
إرجاع خصائص justifyContent:
object.style.justifyContent
تعيين خصائص justifyContent:
object.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit"
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| flex-start | القيمة الافتراضية. العناصر تقع في بداية الصندوق. |
| flex-end | العناصر تقع في نهاية الصندوق. |
| center | العناصر تقع في منتصف الصندوق. |
| space-between | اترك مساحة بين العناصر في الأعمدة. |
| space-around | اترك مساحة بين العناصر في البداية، بين الأعمدة، وبين النهاية. |
| initial | ضع هذه الخاصية على قيمتها الافتراضية. انظر initial. |
| inherit | تنقل هذه الخاصية من عنصر الأب إليها. انظر inherit. |
تفاصيل تقنية
| القيمة الافتراضية: | flex-start |
|---|---|
| القيمة المعدة: | قيمة النص، تشير إلى خصائص justify-content. |
| إصدار CSS: | CSS3 |
دعم المتصفحات
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| الدعم | 12.0 | الدعم | 9.0 | الدعم |
الصفحات ذات الصلة
دليل إشارات DOM STYLE:خصائص alignContent
دليل إشارات DOM STYLE:خصائص alignItems
دليل إشارات DOM STYLE:خصائص alignSelf
- الصفحة السابقة الإزالة
- الصفحة التالية اليسار
- العودة إلى الطبقة السابقة مفهوم Style في HTML DOM
