Sifat padding-inline-start

Sifat padding-inline-start menetapkan padding dalam permulaan unsur sepanjang paksi inline (mendatar).

Sintaks

cssselector {
  padding-inline-start: saiz;
}

Contoh

Mari kita tetapkan padding dalam permulaan inline untuk unsur anak kepada 20px:

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

Результат:

Contoh

Sekarang mari kita tetapkan padding dalam permulaan inline untuk unsur anak kepada 20%:

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

Результат:

Lihat juga

  • sifat padding-inline-end,
    yang menetapkan padding dalam pengakhiran inline unsur sepanjang paksi inline
  • sifat padding-block-end,
    yang menetapkan padding dalam pengakhiran blok unsur sepanjang paksi blok
  • sifat padding-block-start,
    yang menetapkan padding dalam permulaan blok unsur sepanjang paksi blok
  • sifat padding,
    yang menetapkan padding dalam
  • sifat margin-bottom,
    yang menetapkan margin bawah
  • sifat margin-left,
    yang menetapkan margin kiri
  • sifat margin-right,
    yang menetapkan margin kanan
  • sifat margin,
    yang merupakan singkatan untuk margin