الهوامش الداخلية السُفلية في لغة CSS | الهوامش الداخلية في لغة CSS

تًستخدم خاصية padding-bottom لعمل هامش داخلي أسفل العنصر في لغة CSS وقيمة الهامش الداخلي السُفلي في الوضع الأفتراضي هي صفر أي انه بدون هامش.

قيم خاصية padding-bottom في لغة CSS:

length تحديد الهامش الداخلي السُفلي بالوحدات ثابتة px,pt,cm.
percentage يتم تحديد الهامش الداخلي السُفلي بناء علي حجم عرض محتوي العنصر %.

طريقة كتابة خاصية padding-bottom في لغة CSS.

HTML

padding-bottom:value;

قيم خاصية padding-top في لغة CSS.

HTML

padding-bottom:length|percentage|initial|inherit;

عرض العنصر بدون هوامش داخلية CSS.

HTML

p
{
  border: 1px dotted black;
  background-color: yellow;
}

ضبط مساحة padding bottom بالنسبة تلقائي بقيمة auto في لغة CSS.

HTML

.bottom
{
  border: 1px dotted black;
  padding-bottom: auto;
  background-color: yellow;
}

المسافة بين عنصر p وعنصر p هي مسافة padding bottom وهي 100 px للعنصر الأول.

HTML

.bottom
{
  border: 1px dotted black;
  padding-bottom: 100px;
  background-color: yellow;
}

ضبط مساحة padding bottom بالنسبة المئوية في لغة CSS.

HTML

p
{
  border: 1px dotted black;
  padding-bottom: 10%;
  background-color: yellow;
}

CSS padding bottom الهوامش الداخلية السُفلية في لغة CSS