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

مكتبة علامات HTML

HTML: <img> vspace خاصية

هذا المقال يشرح استخدام خاصية vspace في HTML img، ويقدم أمثلة على كيفية استخدام خاصية vspace في HTML img، وتوافق المتصفحات، وتعريف الجملة النصية وتفاصيل القيم الممكنة.

　HTML <img> علامة

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

صورة مع حواف أعلى وأسفل بعرض 38 بكسل:

مثال

<!DOCTYPE html>
<html>
<head>
<title>HTML: <img> vspace خاصية - موقع دروس أساسية لـ oldtoolbag.com</title>
<body>
<h4>صورة بدون vspace:</h4>
<p><img src="smiley.gif" alt="Smiley face" width="42" height="42" align="middle"> هذا نص. هذا نص. هذا نص.</p>
<h4>صورة مع vspace:</h4>
<p><img src="smiley.gif" alt="Smiley face" width="42" height="42" align="middle" vspace="38">هذا نص. هذا نص. هذا نص.</p>
</body>
</html>

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

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

IEFirefoxOperaChromeSafari

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

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

لا يدعم HTML5 خاصية <img> vspace. استخدم CSS بدلاً منها.

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

تحدد خاصية vspace مساحة البيضاء في الأعلى والأسفل من الصورة.

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

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

نحو CSS: <img style="margin: 50px 0px">

مثال CSS: صورة مع حواف

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

النحو

<img vspace="البكسل">

قيمة الخاصية

القيمة	الوصف
البكسل	البيضاء في الأعلى والأسفل من الصورة، بمساحة البكسل.

　HTML <img> علامة

HTML: <template> علامة