Xüsusiyyət padding-inline-start

padding-inline-start xüsusiyyəti elementin inline (üfüqi) ox üzrə başlanğıc daxili boşluğunu təyin edir.

Sintaksis

cssselektor {
  padding-inline-start: olcu;
}

Nümunə

Gəlin uşaq element üçün inline ox üzrə başlanğıc daxili boşluğu 20px olaraq təyin edək:

html<div>
  <p>mətn</p>
</div>
cssdiv {
  width: 400px;
  height: 200px;
  border: 1px solid black;
}
p {
  padding-inline-start: 20px;
  width: 100px;
  height: 50px;
  border: 1px solid red;
}

Результат:

Nümunə

İndi isə gəlin uşaq element üçün inline ox üzrə başlanğıc daxili boşluğu 20% olaraq təyin edək:

html<div>
  <p>mətn</p>
</div>
cssdiv {
  width: 400px;
  height: 200px;
  border: 1px solid black;
}
p {
  padding-inline-start: 20%;
  width: 100px;
  height: 50px;
  border: 1px solid red;
}

Результат:

Həmçinin bax

  • padding-inline-end xüsusiyyəti,
    elementin inline ox üzrə son daxili boşluğunu təyin edir
  • padding-block-end xüsusiyyəti,
    elementin blok oxu üzrə son daxili boşluğunu təyin edir
  • padding-block-start xüsusiyyəti,
    elementin blok oxu üzrə başlanğıc daxili boşluğunu təyin edir
  • padding xüsusiyyəti,
    daxili boşluğu təyin edir
  • margin-bottom xüsusiyyəti,
    aşağı xarici boşluğu təyin edir
  • margin-left xüsusiyyəti,
    sol xarici boşluğu təyin edir
  • margin-right xüsusiyyəti,
    sağ xarici boşluğu təyin edir
  • margin xüsusiyyəti,
    xarici boşluq üçün qısaldılmış yazılışdır