انتقل إلى محتوى الدرس

CSS padding right الهامش الداخلي الأيمن في لغة CSS

ستتعلم في هذا الدرس التحكم إضافة هوامش داخلية بداخل عناصر HTML عن طريق خاصية padding في لغة CSS ويمكن أيضاً التحكم في حجم هذة الهوامش ويمكن التحكم في جانب واحد أو أكثر.

1 صفوف تعليمية
لغة CSS
4,524 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

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


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

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

padding-right syntax

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

HTML
padding-rightvalue;

padding-right values

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

HTML
padding-right:length|percentage|initial|inherit;

CSS no padding

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

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

CSS padding right auto

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

HTML
p
{
  border: 1px dotted black;
  padding-right: auto;
  background-color: yellow;
}

CSS padding right

المسافة بين اليمين وبين النص p هي مسافة padding right وهي 100 px.

HTML
p
{
  border: 1px dotted black;
  padding-right: 100px;
  background-color: yellow;
}

CSS padding right percentage

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

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