Xüsusiyyət padding-block-start

padding-block-start xüsusiyyəti elementin blok (şaquli) oxu üzrə başlanğıc daxili boşluğunu təyin edir.

Sintaksis

cssselektor {
  padding-block-start: olcu;
}

Nümunə

Gəlin uşaq element üçün blok oxu ü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-block-start: 20px;
  width: 100px;
  height: 50px;
  border: 1px solid red;
}

Результат:

Nümunə

İndi isə gəlin uşaq element üçün blok oxu ü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-block-start: 20%;
  width: 100px;
  height: 50px;
  border: 1px solid red;
}

Результат:

Həmçinin bax

  • padding-block-end xüsusiyyəti,
    elementin blok oxu üzrə son daxili boşluğunu təyin edir
  • padding-inline-end xüsusiyyəti,
    elementin sətir oxu üzrə son daxili boşluğunu təyin edir
  • padding-inline-start xüsusiyyəti,
    elementin sətir 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,
    soldan xarici boşluğu təyin edir
  • margin-right xüsusiyyəti,
    sağdan xarici boşluğu təyin edir
  • margin xüsusiyyəti,
    xarici boşluq üçün qısaldılmış yazılışdır