الفرق بين المراجعتين ل"CSS/padding-left"

من موسوعة حسوب
< CSS
اذهب إلى التنقل اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}')
 
(مراجعتان متوسطتان بواسطة نفس المستخدم غير معروضتين)
سطر 1: سطر 1:
 
<noinclude>{{DISPLAYTITLE:الخاصية <code>padding-left</code>}}</noinclude>
 
<noinclude>{{DISPLAYTITLE:الخاصية <code>padding-left</code>}}</noinclude>
−
الخاصية <code>padding-left</code> في CSS تضبط الحاشية (padding) في الطرف الأيسر للعنصر؛ وعلى نقيض الهوامش <code>[[CSS/margin|margin]]</code>، لا يجوز استخدام استخدام القيم السالبة للحواشي. ويمكن استخدام الخاصية المختصرة <code>[[CSS/padding|padding]]</code> لضبط جميع الحواشي على الأطراف الأربعة لأحد العناصر في قاعدة واحدة.<syntaxhighlight lang="css">
+
الخاصية <code>padding-left</code> في CSS تضبط الحاشية (padding) في الطرف الأيسر للعنصر؛ وعلى نقيض الهوامش <code>[[CSS/margin|margin]]</code>، لا يجوز استخدام استخدام القيم السالبة للحواشي. ويمكن استخدام الخاصية المختصرة <code>[[CSS/padding|padding]]</code> لضبط جميع الحواشي على الأطراف الأربعة لأحد العناصر في قاعدة واحدة.
−
/* <length> أطوال */
 
−
padding-left: 0.5em;
 
−
padding-left: 0;
 
−
padding-left: 2cm;
 
−
 
 
−
/* <percentage> نسب مئوية */
 
−
padding-left: 10%;
 
  
−
/* القيم العامة */
+
== بطاقة الخاصية ==
−
padding-left: inherit;
 
−
padding-left: initial;
 
−
padding-left: unset;
 
−
</syntaxhighlight>
 
 
{| class="wikitable" style="width: 100%;"
 
{| class="wikitable" style="width: 100%;"
 
|-
 
|-
سطر 31: سطر 20:
 
|نسبة مئوية أو طول مطلق.
 
|نسبة مئوية أو طول مطلق.
  
−
|}
+
|}<syntaxhighlight lang="css">
 +
/* <length> أطوال */
 +
padding-left: 0.5em;
 +
padding-left: 0;
 +
padding-left: 2cm;
 +
 
 +
/* <percentage> نسب مئوية */
 +
padding-left: 10%;
 +
 
 +
/* القيم العامة */
 +
padding-left: inherit;
 +
padding-left: initial;
 +
padding-left: unset;
 +
</syntaxhighlight>
  
 
== أمثلة ==
 
== أمثلة ==
سطر 62: سطر 64:
  
 
== البنية العامة ==
 
== البنية العامة ==
−
=== القيمة <code>[[CSS/length|<length>]]</code> ===
+
=== <code>[[CSS/length|<length>]]</code> ===
 
تحديد قيمة الحاشية بالأطوال المطلقة، ولا يجوز أن تكون القيمة سالبةً.
 
تحديد قيمة الحاشية بالأطوال المطلقة، ولا يجوز أن تكون القيمة سالبةً.
−
=== القيمة <code>[[CSS/percentage|<percentage>]]</code> ===
+
=== <code>[[CSS/percentage|<percentage>]]</code> ===
 
تحديد قيمة الحاشية كنسبة مئوية من عرض العنصر الكتلي الحاوي للعنصر الحالي، ولا يجوز أن تكون القيمة سالبةً.
 
تحديد قيمة الحاشية كنسبة مئوية من عرض العنصر الكتلي الحاوي للعنصر الحالي، ولا يجوز أن تكون القيمة سالبةً.
  
سطر 72: سطر 74:
  
 
</syntaxhighlight>
 
</syntaxhighlight>
 +
 +
== انظر أيضًا ==
 +
* صفحة الخاصية <code>[[CSS/padding|padding]]</code> وصفحة الخاصيات الفرعية التي تضبطها هذه الخاصية وهي: <code>[[CSS/padding-top|padding-top]]</code>، و <code>[[CSS/padding-bottom|padding-bottom]]</code>، و <code>[[CSS/padding-right|padding-right]]</code>.
 +
* صفحة الخاصية <code>[[CSS/margin|margin]]</code> التي تضبط الهوامش في الأطراف الأربعة للعنصر.
 +
* صفحة الخاصية <code>[[CSS/position|position]]</code> التي تصف كيف يجب أن يتموضع العنصر في المستند.
  
 
== مصادر ومواصفات ==
 
== مصادر ومواصفات ==

المراجعة الحالية بتاريخ 19:18، 24 يوليو 2018

الخاصية padding-left في CSS تضبط الحاشية (padding) في الطرف الأيسر للعنصر؛ وعلى نقيض الهوامش margin، لا يجوز استخدام استخدام القيم السالبة للحواشي. ويمكن استخدام الخاصية المختصرة padding لضبط جميع الحواشي على الأطراف الأربعة لأحد العناصر في قاعدة واحدة.

بطاقة الخاصية

القيمة الابتدائية 0
تُطبَّق على جميع العناصر، ما عدا عناصر الجداول التي لا تساوي فيها قيمة الخاصية display إحدى الكلمات المحجوزة table-caption و table و inline-table.
قابلة للوراثة لا
قابلة للتحريك نعم
القيمة المحسوبة نسبة مئوية أو طول مطلق. 
/* <length> أطوال */
padding-left: 0.5em;
padding-left: 0;
padding-left: 2cm;

/* <percentage> نسب مئوية */
padding-left: 10%;

/* القيم العامة */
padding-left: inherit;
padding-left: initial;
padding-left: unset;

أمثلة

استخدام الخاصية padding-left لإضافة حاشية على الطرف الأيسر بمقدار 10px:

<p>
  <code>padding-left: 10px;</code>
</p>

شيفرة CSS:

p {
  border: thin solid;
  padding-left: 10px;
}

دعم المتصفحات

الميزة Chrome Firefox Internet Explorer Opera Safari
الدعم الأساسي 1.0 1.0 4.0 3.5 1.0

البنية العامة

<length>

تحديد قيمة الحاشية بالأطوال المطلقة، ولا يجوز أن تكون القيمة سالبةً.

<percentage>

تحديد قيمة الحاشية كنسبة مئوية من عرض العنصر الكتلي الحاوي للعنصر الحالي، ولا يجوز أن تكون القيمة سالبةً.

البنية الرسمية

padding-left: <length> | <percentage>;

انظر أيضًا

  • صفحة الخاصية padding وصفحة الخاصيات الفرعية التي تضبطها هذه الخاصية وهي: padding-top، و padding-bottom، و padding-right.
  • صفحة الخاصية margin التي تضبط الهوامش في الأطراف الأربعة للعنصر.
  • صفحة الخاصية position التي تصف كيف يجب أن يتموضع العنصر في المستند.

مصادر ومواصفات

مجلوبة من "https://wiki.hsoub.com/index.php?title=CSS/padding-left&oldid=13564"