Thuộc tính backgroundSize样式
- Trang trước backgroundOrigin
- Trang tiếp theo backfaceVisibility
- Quay lại lớp trên Đối tượng Style HTML DOM
Đị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";
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 |
- Trang trước backgroundOrigin
- Trang tiếp theo backfaceVisibility
- Quay lại lớp trên Đối tượng Style HTML DOM