لإضافة حدود حول الصورة استخدم خاصية border مع أعطائها قيمة مناسبة في وسم img

إضافة حدود حول الصورة باستخدام خاصية border

عند إضافة صورة إلى صفحة ويب، قد ترغب في إضافة حدود حولها لجعلها تبرز بشكل أكبر. يمكن تحقيق ذلك باستخدام خاصية border في CSS مع وسوم <img>. تتيح لك هذه الخاصية تحديد سمك ولون ونمط الحدود حول الصورة.

كيفية استخدام خاصية border

لإضافة حدود إلى صورة، يمكنك استخدام الكود التالي:

<img src='image.jpg' style='border: 2px solid black;' alt='وصف الصورة'>

في هذا المثال، قمنا بإضافة حد سمكه 2 بكسل، بنمط solid ولون أسود. يمكنك تعديل القيم لتناسب التصميم الخاص بك.

أنماط الحدود

يمكنك استخدام أنماط مختلفة للحدود، مثل:

• solid - حد صلب
• dashed - حد متقطع
• dotted - حد منقط

تغيير لون الحدود

تستطيع أيضاً تغيير لون الحدود باستخدام قيم ألوان CSS. مثلاً:

<img src='image.jpg' style='border: 2px dashed red;' alt='وصف الصورة'>

تأكد من تجربة عدة خيارات للوصول إلى التصميم المثالي الخاص بك.

مراجع

للمزيد من المعلومات عن كيفية استخدام خاصية border، يمكنك زيارة الروابط التالية:
W3Schools - Borders
MDN Web Docs - border