Thuộc tính backgroundSize样式

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

backgroundSize Cài đặt hoặc trả về kích thước hình ảnh nền thuộc tính.

Xem thêm:

Kiểu样式 HTML:Thuộc tính background

Hướng dẫn CSSCSS nền

Hướng dẫn CSS3Bối cảnh CSS3

Cuốn sách tham khảo CSS:Thuộc tính background-size

Mẫu

Định nghĩa kích thước hình ảnh nền:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";

Thử nghiệm ngay

Ngữ pháp

Trả về thuộc tính backgroundSize:

object.style.backgroundSize

Đặt thuộc tính backgroundSize:

object.style.backgroundSize = "auto|length|cover|contain|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
auto Giá trị mặc định. Hình ảnh nền bao gồm độ rộng và độ cao của nó.
length

Đặt độ rộng và độ cao của hình ảnh nền.

Giá trị đầu tiên đặt độ rộng, giá trị thứ hai đặt độ cao.

Nếu chỉ cung cấp một giá trị, thì giá trị thứ hai được đặt là "auto".

percentage

Đặt độ rộng và độ cao của hình ảnh nền theo phần trăm của phần tử cha.

Giá trị đầu tiên đặt độ rộng, giá trị thứ hai đặt độ cao.

Nếu chỉ cung cấp một giá trị, thì giá trị thứ hai được đặt là "auto".

cover

Co giãn hình ảnh nền đến kích thước lớn nhất có thể, để khu vực nền hoàn toàn được hình ảnh nền che phủ.

Một số phần của hình ảnh nền có thể không nằm trong khu vực định vị nền.

contain Co giãn hình ảnh nền đến kích thước lớn nhất, để làm cho độ rộng và độ cao của nó phù hợp với khu vực nội dung.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Gia đình thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Giá trị trả về: Chuỗi biểu thị Thuộc tính background-size.
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

backgroundSize Là tính năng CSS3 (1999).

Tất cả các trình duyệt đều hỗ trợ nó hoàn toàn:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ 11