background-size: cover คือคำสั่งอะไร

background-size: cover คือคำสั่งของภาษา CSS ใช้สำหรับกำหนดให้รูปภาพแสดงผลเต็มพื้นที่การแสดงผลที่กำหนด โดยแสดงผลแบบอัตราส่วนที่ถูกซึ่งอาจทำให้ภาพบางส่วนบางมุมหายไปไม่ถูกแสดง สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง background-size: cover คือคำสั่งอะไร

<style>
    .image {
        background-image: url('background.jpg');
        width: 200px;
        height: 200px;
    	background-size: cover;
    	background-position: center;        
    }
</style>

<div class="image"></div>

background-size: cover จากตัวอย่างแสดงรูปภาพที่ div class = “image” ขนาด 200x200 กำหนด background-size เป็น cover ซึ่งทำให้รูปภาพแสดงผลเต็มพื้นที่แบบอัตราส่วนถูกต้อง ด้วยภาษา CSS ร่วมกับ HTML