background-repeat: no-repeat คือคำสั่งกำหนดให้รูปภาพไม่แสดงซ้ำ หรือโหลดภาพซ้ำให้เต็มพื้นที่การแสดงผล ใช้ในกรณีพื้นที่การแสดงผลใหญ่กว่ารูปภาพ การกำหนด no-repeat ทำให้แสดงแค่รูปภาพเดียว สามารถเขียนโปรแกรมได้ดังนี้
ตัวอย่าง background-repeat: no-repeat คือ
<style>
body {
background-image: url('background.jpg');
background-repeat: no-repeat;
}
</style>
background-repeat: no-repeat จากตัวอย่างเปลี่ยนภาพพื้นหลังของเว็บไซต์ด้วยคำสั่ง background-image โดยกำหนดที่อยู่ของรูปภาพไว้ในคำสั่ง url จากนั้นกำหนดให้รูปภาพดังกล่าวไม่ต้องแสดงซ้ำ หรือทำซ้ำจนเต็มพื้นหลังของเว็บไซต์ด้วยคำสั่ง background-repeat: no-repeat