انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #6 من درس: خاصية في justify-content مع flex box لغة CSS

CSS flex justify space around خاصية justify-content مع القيمة space-around في لغة CSS

سوف تتعلم في هذا الدرس خاصية  justify-content في لغة CSS ووظيفيتها وكيفية إستخدامها مع حاويات flex box وجميع القيم الخاصة بها.

1 صفوف تعليمية
لغة CSS
4,432 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تسخدم خاصية justify-content مع القيمة space-around في لغة CSS لعرض العناصر الداخلية لحاوية flex box قبلها وبعدها مساحات فارغة غير متساوية.

جرّب بنفسك

CSS flex justify space around

خاصية justify-content مع القيمة space-around في لغة CSS.

HTML 
.flex-container
{
  display: flex;
  flex-direction:row;
  justify-content:space-around;
  background-color: DodgerBlue;
  border:orange dashed 2px;
  width:100%;
}
جرّب بنفسك

جميع فقرات هذا الدرس (خاصية في justify-content مع flex box لغة CSS)