Sách tham khảo CSS

Thuộc tính CSS

background-position-y Thuộc tính được sử dụng để đặt vị trí hình nền theo trục y.

Lưu ý:Mặc định, hình nền sẽ được đặt ở góc trên cùng bên trái của phần tử và được lặp lại theo hướng dọc và ngang.

Cách đặt hình nền theo trục y:

div {
  background-image: url('w3css.gif');
  background-repeat: no-repeat;
  background-position-y: center;
}

Cách đặt vị trí hình nền ở trên cùng:

body {
  background-image: url('w3css.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position-y: bottom;
}

Cách sử dụng phần trăm để định vị hình ảnh nền trên trục y:

body {
  background-image: url('w3css.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position-y: 50%;
}

Cách sử dụng pixel để định vị hình ảnh nền trên trục y:

body {
  background-image: url('w3css.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position-y: 80px;
}

background-position-y: value;

Giá trị	Mô tả
top	Đặt vị trí nền ở phần trên của trục y.
bottom	Đặt vị trí nền ở phần dưới của trục y.
center	Đặt vị trí nền ở trung tâm của trục y.
y%	Phần trên của trục y là 0%, phần dưới là 100%. Giá trị phần trăm chỉ số là chiều cao của khu vực định vị nền减 đi chiều cao của hình ảnh nền.
ypos	Khoảng cách thẳng đứng từ phần trên. Đơn vị có thể là pixel (ví dụ: 0px) hoặc khác Đơn vị CSS.
ypos offset	Ngữ pháp giá trị đôi, chỉ hỗ trợ trong Firefox và Safari. ypos Thiết lập thành top hoặc bottom. offset Là khoảng cách thẳng đứng từ hình ảnh nền đến phần trên hoặc dưới của ypos được thiết lập. Đơn vị có thể là pixel hoặc khác Đơn vị CSS.
initial	Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit	Kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit.

Giá trị mặc định:	0%
Kế thừa:	Không
Tạo animation:	Hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản:	CSS3
Ngữ pháp JavaScript:	object.style.backgroundPositionY="center"