انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #7 من درس: الصور في لغة CSS

CSS Responsive Images صورة متجاوبه مع جميع الأجهزة في لغة CSS

سوف تتعلم في هذا الدرس كيفية التحكم في الصور الموجودة بداخل صفحة الويب باستخدام عدة خواص مختلفة مثل (height , width , margin , borders , opacity ) في لغة CSS.

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

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

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

الصور المتجاوبة التي تم ضبطها بواسطة CSS والطول تلقائي تتمدد وتنكمش علي حسب حجم الشاشة قم بتصغير حجم نافذة المتصفح لتكتشف تجاوب الصور.

جرّب بنفسك
HTML 
img {
  max-width: 100%;
  height: auto;
}
جرّب بنفسك

جميع فقرات هذا الدرس (الصور في لغة CSS)