دليل مرجعي لـ HTML

جميع عناصر HTML

HTML: خاصية align للعنصر <img>

هذا المقال يشرح خاصية align للعنصر <img> في HTML بناءً على العناصر المحيطة بها لتحديد طريقة تنسيق الصورة، عنصر <img> هو عنصر تنسيقي (لن يضيف سطرًا جديدًا في الصفحة)، مما يعني أن النص والأعمدة الأخرى يمكن أن تدور حوله. لذلك، قد يكون تحديد طريقة تنسيق الصورة بناءً على العناصر المحيطة به مفيدًا جدًا.

　HTML <img> العلامة

مثال على الإنترنت

إعداد几种 طرق التوجيه للصور في النص:

مثال

<!DOCTYPE html>
<html>
<head>
<title>HTML:<img> خاصية align - موقع دروس أساسية oldtoolbag.com</title>
<body>
<h2>align="bottom" (الافتراضي):</h2>
<p>هذا نص قليل. <img src="haha.gif" alt="وجه haha" width="42" height="42"> هذا نص قليل.</p>
<h2>align="middle":</h2>
<p>هذا نص قليل. <img src="haha.gif" alt="وجه haha" width="42" height="42" align="middle"> هذا نص قليل.</p>
<h2>align="top":</h2>
<p>هذا نص قليل. <img src="haha.gif" alt="وجه haha" width="42" height="42" align="top"> هذا نص قليل.</p>
<h2>align="right":</h2>
<p>هذا نص قليل. <img src="haha.gif" alt="وجه haha" width="42" height="42" align="right"> هذا نص قليل.</p>
<h2>align="left":</h2>
<p>هذا نص قليل. <img src="haha.gif" alt="وجه haha" width="42" height="42" align="left"> هذا نص قليل.</p>
</body>
</html>

اختبار لمعرفة ‹/›

توافق المتصفحات

IEFirefoxOperaChromeSafari

جميع المتصفحات الشائعة تدعم خاصية التوجيه align.

التعريف والاستخدام

HTML5 لا يدعم خاصية التوجيه <img> align. يرجى استخدام CSS بدلاً من ذلك.

في HTML 4.01، الخاصية align الخاصة بـ <img> قد تم إزالتها.

تحدد الخاصية align طريقة توجيه الصورة بناءً على العناصر المحيطة بها.

عنصر <img> هو عنصر مدمج (لن يضيف سطرًا جديدًا على الصفحة)، مما يعني أن النصوص والأعمدة الأخرى يمكن أن تحيط به. لذلك، قد يكون تحديد طريقة توجيه الصورة حول العناصر المحيطة به مفيدًا.

تعليقات التوافق

في HTML 4.01، الخاصية align الخاصة بـ <img> قد تم إزالتها. يرجى استخدام CSS بدلاً منها.

نحو CSS: <img style="float:right">

مثال CSS: تحريك الصورة إلى اليمين

في تعليمات CSS الخاصة بنا، يمكنك العثور على المزيد حول خاصية floatالتفاصيل.

النحو

<img align="left|right|middle|top|bottom">

قيمة الخاصية

القيمة	الوصف
اليسار	تعديل الصورة إلى اليسار
اليمين	تعديل الصورة إلى اليمين
الوسط	تعديل الصورة مع الوسط
الأعلى	تعديل الصورة مع الأعلى
الأسفل	تعديل الصورة مع الأسفل

　HTML <img> العلامة

HTML: <template> العلامة