Thuộc tính background-position-y

Thuộc tính background-position-y thiết lập vị trí của hình ảnh nền cho phần tử theo chiều dọc.

Thuộc tính có thể nhận các giá trị sau: top, center, bottom, và cũng có thể chỉ định vị trí của nền theo phần trăm hoặc pixel.

Cú pháp

bộ chọn {
	background-position-y: giá trị;
}

Ví dụ

Hãy đặt hình ảnh nền ở phía trên theo chiều dọc:

<div id="elem"></div>

#elem {
	background-position-y: top;
	background-image: url("bg.png");
	background-repeat: no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

Ví dụ

Bây giờ hãy di chuyển nền vào giữa:

<div id="elem"></div>

#elem {
	background-position-y: center;
	background-image: url("bg.png");
	background-repeat: no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

Ví dụ

Bây giờ hãy chỉ định vị trí cho nền bằng phần trăm:

<div id="elem"></div>

#elem {
	background-position-y: 80%;
	background-image: url("bg.png");
	background-repeat: no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

Xem thêm

thuộc tính background,
đại diện cho thuộc tính viết tắt cho nền
thuộc tính background-position-x,
thiết lập vị trí nền theo chiều ngang