English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
خصائص margin-right CSS تعيين الهوامش اليمنى للعنصر. ومع ذلك، في العديد من الحالات، مثلmarginاستخدام خاصية CSS القصيرة هذا أسهل وأفضل.
جدول التالي يوضح استخدام هذه الخاصية و سجله التاريخي بالإضافة إلى جملة استخدامها في سكربتات JavaScript.
| القيمة الافتراضية: | 0 |
|---|---|
| تطبيق على: | جميع العناصر باستثناء table displayعناصر من نوع (table-caption table inline-table) غير مؤهلة. إنه ينطبق أيضًا على ::first-letter。 |
| الوراثة: | لا |
| يمكن تحريكه: | نعم.يرجى الرجوع إلى خصائص الرسوم المتحركة。 |
| الإصدار: | CSS 1،2،3 |
| جملة JavaScript: | object.style.marginRight="10px" |
جملة هذا الخاصية هي:
margin-right: length | percentage | auto | initial | inherit
في المثال التالي، يتم عرض كيفية استخدام خاصية margin-right.
h1 {
margin-right: 25px;
}
p {
margin-right: 50px;
}اختبار ل‹/›جدول التالي يصف القيم لهذه الخاصية.
| القيمة | الوصف |
|---|---|
| length | حجم، يتم حسابها بالأحرف px، pt، cm، em وما إلى ذلك. يمكن استخدام القيم السلبية. |
| percentage | النسبة المئوية. يتم حساب النسبة المئوية بناءً على عرض العنصر المحدد. |
| auto | سيحسب المتصفح الهوامش المحددة للعنصر. |
| initial | أضف هذه الخاصية إلى قيمتها الافتراضية. |
| inherit | إذا تم تحديد، فإن العناصر المتصلة تأخذ قيمة margin-right للعنصر الأب. |
تطابق margin-right الخاصية لمتصفحات الويب، الأرقام في الجدول التالي تعبر عن أحدث إصدار من المتصفح يدعم هذه الخاصية؛ جميع المتصفحات الشائعة يدعمون هذه الخاصية.
|
يرجى الرجوع إلى الدروس التالية:حاشية CSS،نموذج الصندوق CSS。
الخصائص ذات الصلة:margin،margin-top،margin-bottom،margin-left。