Background shorthand

CSS Background Shorthand (qisqartirmasi)

Kodni qisqartirish uchun, barcha background xususiyatlarini bitta qatorga yozish imkoniyati mavjud. U qisqartirma (shorthand) xususiyat deb ataladi.

Mana bunday qilib yozgandan ko'ra:

CSS

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

Siz qisqagina background xususiyatidan foydalanishingiz mumkin:

CSS

Bitta qatorni o'zida barcha qiymatlarni berish uchun background xususiyatidan foydalanish:

body {
  background: #ffffff url("img_tree.png") no-repeat right top;
}

W3Schools online HTML editor

Ushbu xususiyatdan foydalanishda quyidagi ketma-ketlikka amal qiling:

• background-color

• background-image

• background-repeat

• background-attachment

• background-position

Boshqa qiymatlar shu tartibda yozilsa, xususiyat qiymatlaridan birini yozmaslik muhim emas. E'tibor bering, biz yuqoridagi misollarda background-attachment xususiyatidan foydalanmadik, chunki u qiymatga ega emas.

Barcha CSS Background xususiyatlari

Xususiyat	Ta'rif
background	Barcha background xususiyatlarini bir qator kodda yozish imkonini beradi
background-attachment	Background dagi rasmni qotib turadimi yoki skroll bo'ladimi belgilaydi
background-clip	Fonning bo'yash maydonini belgilaydi
background-color	Fonning rangini belgilaydi
background-image	Fonga qanday rasm qo'yilishini belgilaydi
background-origin	fondagi rasmlar qayerda joylashishi kerakligini belgilaydi
background-position	Fondagi rasm qayerdan boshlab joylashishi kerakligini belgilaydi
background-repeat	Fondagi rasm qancha marotaba qayta-qayta chiqarilishini ta'minlaydi
background-size	Fondagi rasmlarni razmerini belgilab beradi.