Thuộc tính padding-inline-start

Thuộc tính padding-inline-start thiết lập khoảng đệm bên trong bắt đầu của phần tử theo trục inline (ngang).

Cú pháp

cssselector {
  padding-inline-start: kích-thước;
}

Ví dụ

Hãy thiết lập khoảng đệm bên trong bắt đầu cho phần tử con theo trục inline là 20px:

html<div>
  <p>text</p>
</div>

cssdiv {
  width: 400px;
  height: 200px;
  border: 1px solid black;
}
p {
  padding-inline-start: 20px;
  width: 100px;
  height: 50px;
  border: 1px solid red;
}

Результат:

Ví dụ

Bây giờ hãy thiết lập khoảng đệm bên trong bắt đầu cho phần tử con theo trục inline là 20%:

html<div>
  <p>text</p>
</div>

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

Результат:

Xem thêm