انتقل إلى محتوى الدرس

CSS Image Style التحكم في شكل الصور في لغة CSS

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

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

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

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

عن طريق لغة CSS يمكن التتحكم في الصور بأكثر من خاصية:

  • طول الصورة عن طريق خاصية height.
  • عرض الصورة عن طريق خاصية width.
  • شفافية الصور عن طريق خاصية opacity.
  • هوامش حول الصور عن طريق خاصية margin. 
  • اضافة إطارات خارجية عن طريق خاصية border.
  • اضافة مساحات فارغة حول الصور بواسطة خاصية padding.
  • اضافة نصوص فوق الصورة باستخدام خاصية position.
  • دوران إطار الصورة الخارجي عن طريق خاصية border-radius.
  • عرض الصورة بشكل thumbnail بإطار خارجي عن طريق خاصية border.
  • التحكم في تجاوب الصورة علي حسب حجم الجهاز عن عن طريق خاصية height وخاصية width.
  • التحكم في اضافة تأثيرات وهمية على الصور مثل التعديل في درجة اللون عن طريق خاصية filter
  • محاذاة الصور داخل صفحة الويب سواء كانت يمين الصفحة أو يسار الصفحة أو منتصف الصفحة عن طريق خاصية align.