คุณสมบัติ backgroundSize Style

การใช้งานและการกำหนด

backgroundSize กำหนดหรือคืนคุณสมบัติของขนาดภาพ배경

ดูเพิ่มเติม

สไตล์ HTMLคุณสมบัติ background

การเรียน CSSCSS ที่มี background

การเรียน CSS3CSS3 ภาพ배경

คู่มือ CSSคุณสมบัติ background-size

ตัวอย่าง

กำหนดขนาดภาพ배경

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

ทดลองด้วยตัวเอง

เขียนภาษาเก่า

คืนคุณสมบัติ backgroundSize

object.style.backgroundSize

ตั้งคุณสมบัติ backgroundSize

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

ค่าประกอบ

ค่า รายละเอียด
auto ค่าเริ่มต้น ภาพตัวละครรวมความกว้างและความสูง
length

ตั้งความกว้างและความสูงของภาพ배경

ค่าแรกตั้งความกว้าง ค่าที่สองตั้งความสูง

ถ้ามีค่าเพียงหนึ่งค่าเท่านั้น ค่าที่สองจะถูกตั้งเป็น "auto"
percentage

ตั้งความกว้างและความสูงของภาพ배경ในรูปแบบเปอร์เซ็นต์ขององค์ประกอบพ่อ

ค่าแรกตั้งความกว้าง ค่าที่สองตั้งความสูง

ถ้ามีค่าเพียงหนึ่งค่าเท่านั้น ค่าที่สองจะถูกตั้งเป็น "auto"
cover

ขยายภาพ배경ให้ใหญ่ที่สุดเท่าที่เป็นไปได้ ให้พื้นที่ภาพ배경ถูกภาพ배경เต็มทั้งหมด

บางส่วนของภาพ배경อาจไม่อยู่ในโซนจัดตั้งของภาพ배경
contain ขยายภาพตัวละครให้ใหญ่ที่สุด ให้ความกว้างและความสูงที่เหมาะกับพื้นที่เนื้อหา
initial ตั้งคุณสมบัตินี้ให้เป็นค่าเริ่มต้น โปรดดู initial.
inherit มีคุณสมบัตินี้มาจากองค์ประกอบพ่อของมัน โปรดดู inherit.

รายละเอียดเทคนิค

ค่าเริ่มต้น: auto
ค่าที่คืนมา ข้อความ ระบุขององค์ประกอบ คุณสมบัติ background-size.
เวอร์ชัน CSS: CSS3

การสนับสนุนของเบราเซอร์

backgroundSize เป็นคุณสมบัติของ CSS3 (1999)

ทั้งหมดเบราเซอร์ทุกแบบเข้าถึงมันทั้งหมด

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน 11