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

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

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

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

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

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

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

جرّب بنفسك

CSS flex justify content flex end

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

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

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