إختصار جميع الخصائص padding في لغة CSS | الهوامش الداخلية في لغة CSS

يمكنك اختصار جميع خصائص padding [padding-top,padding-bottom,padding-right,padding-left] في لغة CSS في خاصية واحده فقط وهي padding.

الخصائص التي تمت إختصارتها:

قيم خاصية padding للأتجاهات الأربع في لغة CSS:

قيمة واحدة وهي تعني قيمة متساوية على الاربع اللإتجاهات top + right +bottom + left.
قيميتين أول قيمة بالتساوي قيمة إتجاهين left + right وثاني قيمة تؤثر علي إتجاهين top + bottom.
أربع قيم وهي تتحكم في كل قيمة لكل إتجاه top + right +bottom + left الترتيب مع عقارب الساعة ( 12 = top).
ثلاث قيم تتحكم في إتجاه Top +( left + Right) + Bottom الترتيب مع عقارب الساعة.

القيم التي تًكتب داخل خاصية padding في لغة CSS:

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

HTML

padding:value;

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

HTML

padding:length|auto|initial|inherit;

خاصية padding مع ثلاث قيم في لغة CSS.

HTML

p 
{
  padding: 25px 50px 75px;
  border:red solid 1px;
  background:yellow;
}

خاصية padding مع أربع قيم في لغة CSS.

HTML

p 
{
  padding: 25px 50px 75px 100px;
  border:red solid 1px;
  background:yellow;
}

خاصية padding مع قيميتين في لغة CSS.

HTML

p 
{
  padding: 25px 50px;
  border:red solid 1px;
  background:yellow;
}

خاصية padding مع قيمة واحدة في لغة CSS.

HTML

p 
{
  padding: 25px;
  border:red solid 1px;
  background:yellow;
}

CSS padding Shorthand إختصار جميع الخصائص padding في لغة CSS