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

CSS flex align items flex end خاصية align-items مع القيمة flex-end في لغة CSS

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

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

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

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

تستخدم خاصية align-items مع القيمة flex-start في لغة CSS ليتم عرض العناصر في بداية الحاوية من أعلي إذا كانت غير عكسية عمودياً.

جرّب بنفسك

CSS flex align items flex end

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

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

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