Padding xassəsi

padding xassəsi elementin daxili boşluğunu təyin edir. Xassənin qiyməti kimi istənilən ölçü vahidləri istifadə edilə bilər. Standart olaraq hər bir brauzer elementlərə müxtəlif boşluqlar əlavə edə bilər. Bu xassə aşağıdakı xassələr üçün qısadır: padding-top, padding-right, padding-bottom, padding-left.

Sintaksis

cssselektor {
  padding: qiymet;
}

Parametrlərin sayı

padding xassəsi 1, 2, 3 və ya 4 qiymət qəbul edir, boşluqla ayrılır:

Nümunə

Bu halda standart olaraq daxili boşluq sıfır olacaq və mətn blokun sərhədinə yaxın olacaq:

html<div id="elem">
  some long text
</div>

css#elem {
  padding: 0;
  width: 300px;
  border: 1px solid black;
  text-align: justify;
}

Результат:

Nümunə

İndi isə gəlin daxili boşluğu 30px edək:

html<div id="elem">
  some long text
</div>

css#elem {
  padding: 30px;
  width: 300px;
  border: 1px solid black;
  text-align: justify;
}

Результат:

Nümunə

İndi yuxarı və aşağı boşluq 20px, sağ və sol boşluq isə 5px olacaq:

html<div id="elem">
  some long text
</div>

css#elem {
  padding: 20px 5px;
  width: 300px;
  border: 1px solid black;
  text-align: justify;
}

Результат:

Nümunə

İndi yuxarı boşluq 5px, sağ boşluq - 15px, aşağı boşluq - 25px, sol boşluq - 35px olacaq:

html<div id="elem">
  some long text
</div>

css#elem {
  padding: 5px 15px 25px 35px;
  width: 300px;
  border: 1px solid black;
  text-align: justify;
}

Результат:

Həmçinin bax