ตัวอย่าง
ระบุขนาดของภาพพื้นหลัง:
document.getElementById("myDIV").style.backgroundSize = "60px 120px";
ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ backgroundSize หรือผลตอบแทนที่ขนาดของภาพพื้นหลัง
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
ตามด้วยหมายเลข Webkit, Moz หรือ O ระบุรุ่นแรกที่ทำงานร่วมกับคำนำหน้า
คุณสมบัติ | |||||
---|---|---|---|---|---|
backgroundSize | 4.0 1.0 Webkit | 9.0 | 4.0 3.6 Moz | 4.1 3.0 Webkit | 10.5 10.0 O |
วากยสัมพันธ์
กลับ backgroundSize ทรัพย์สิน:
object .style.backgroundSize
ตั้ง backgroundSize ทรัพย์สิน:
object .style.backgroundSize="auto| ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ auto ค่ามาตรฐาน พื้นหลังภาพมีความกว้างและความสูงของมัน length ตั้งค่าความกว้างและความสูงของภาพพื้นหลัง ค่าแรกกำหนดความกว้างค่าที่สองคุณภาพสูง ถ้ามีเพียงหนึ่งค่าที่จะได้รับที่สองที่ถูกกำหนดเป็น "auto" percentage ตั้งค่าความกว้างและความสูงของภาพพื้นหลังในร้อยละขององค์ประกอบหลัก ค่าแรกกำหนดความกว้างค่าที่สองคุณภาพสูง ถ้ามีเพียงหนึ่งค่าที่จะได้รับที่สองที่ถูกกำหนดเป็น "auto" cover ขนาดภาพพื้นหลังเพื่อจะมีขนาดใหญ่ที่สุดเท่าที่ทำได้เพื่อให้ที่บริเวณพื้นหลังได้รับการคุ้มครองอย่างสมบูรณ์โดยภาพพื้นหลัง บางส่วนของภาพพื้นหลังอาจไม่อยู่ในมุมมองที่อยู่ในพื้นที่การวางตำแหน่งพื้นหลัง contain ขนาดภาพให้มีขนาดที่ใหญ่ที่สุดเช่นที่ทั้งกว้างและความสูงของมันสามารถพอดีภายในพื้นที่เนื้อหา initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: รถยนต์ กลับค่า: สตริงที่เป็นตัวแทนของพื้นหลังขนาดทรัพย์สินขององค์ประกอบ CSS รุ่น CSS3
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: background-size property
<สไตล์วัตถุ