Thuộc tính padding-block-start của CSS

Trang trước padding-block-end
Trang tiếp theo padding-bottom

Định nghĩa và cách sử dụng

của phần tử padding-block-start là không gian từ cạnh đến nội dung ở điểm bắt đầu hướng khối của nó.

CSS padding-block và padding-inline Thuộc tính tương ứng với thuộc tính CSS padding-top,padding-bottom,padding-left và padding-right rất相似, nhưng padding-block và padding-inline Thuộc tính phụ thuộc vào hướng khối và hướng hàng.

Lưu ý:Thuộc tính CSS liên quan writing-mode Định nghĩa hướng khối. Điều này ảnh hưởng đến vị trí bắt đầu và kết thúc của khối cũng như padding-block Kết quả của thuộc tính. Đối với trang tiếng Anh, hướng khối là xuống, hướng hàng là từ trái sang phải.

Mô hình

Ví dụ 1

Đặt lề trong hướng khối bắt đầu:

p {
  padding-block-start: 35px;
}

Thử ngay

Ví dụ 2

Đặt <div> phần tử writing-mode Khi thuộc tính được đặt là vertical-rl, hướng khối là từ phải sang trái. Kết quả là vị trí bắt đầu của phần tử di chuyển từ trên xuống phải:

div {
  writing-mode: vertical-rl;
  padding-block-start: 50px;
}

Thử ngay

Cú pháp CSS

padding-block-start: auto|value|initial|inherit;

Giá trị thuộc tính

Giá trị	Mô tả
auto	Mặc định. Giá trị mặc định của padding-block-start của phần tử.
length	Đặt padding-block-start bằng px, pt, cm, v.v. Không được phép giá trị âm. Xem thêm:Đơn vị CSS.
%	Đặt padding-block-start bằng phần trăm kích thước của phần tử cha theo hướng hàng.
initial	Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit	Thừa kế từ phần tử cha của thuộc tính này. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định:	auto
Di truyền:	Không
Chế tạo animation:	Hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản:	CSS3
Cú pháp JavaScript:	object.style.paddingBlockStart="100px"