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