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

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

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

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

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

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

تستخدم خاصية align-items مع القيمة stretch في لغة CSS ليتمدد طول العناصر بما يتناسب مع طول الحاوية وهيالقيمة الأفتراضية.

جرّب بنفسك

CSS flex align items stretch

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

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

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