Dibaca: 127

CSS Background Shorthand

CSS Background Shorthand properti adalah penulisan pernyataan properti background dalam bentuk pendek yang memungkinkan semua properti background ditulis dalam satu baris pernyataan.

Perhatikan pernyataan CSS background di bawah ini.

body {
    background-color: blue;
    background-image: url("rajatutor.png");
    background-repeat: no-repeat;
    background-position: top right ;
 }

Pernyataan CSS background di atas bisa ditulis dengan bentuk shorthand menjadi seperti ini.

body {
backgroundblue url("rajatutor.png") no-repeat top right ;
}

Urutan dalam penulisan properti background bentuk pendek ini adalah sebagai berikut:

1. background-color
2. background-image
3. background-repeat
4. background-attachment
5. background-position

Perhatikan bahwa bila salah satu properti background ini tidak ada nilai, maka bisa tidak dicantumkan seperti pada contoh di atas dimana properti background-attachment tidak dicantumkan.