Fon qisqa yozuvi


ULASHISH

CSS background — qisqartma xossasi

Kodni qisqartirish uchun barcha fon xossalarini yagona xossada belgilash mumkin. Bu qisqartma xossa deb ataladi.

Quyidagicha yozish o‘rniga:

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

background qisqartma xossasidan foydalanishingiz mumkin:

Misol

Barcha fon xossalarini bitta deklaratsiyada belgilash uchun qisqartma xossadan foydalaning:

body {
  background: #ffffff url("img_tree.png") no-repeat right top;
}
O‘zingiz sinab ko‘ring »

background xossasi quyidagi xossalararning qisqartmasidir:

  • background-color
  • background-image
  • background-position
  • background-size
  • background-repeat
  • background-attachment
  • background-origin
  • background-clip

Agar ba’zi xossa qiymatlari yetishmasa, ular boshlang‘ich (standart) qiymatlariga o‘rnatiladi.



CSS Background xossalari

Xususiyat Tavsif
background Barcha fon xususiyatlarini bitta deklaratsiyada o‘rnatadi
background-attachment Fon rasmi o‘zgarmasligini yoki sahifaning qolgan qismi bilan aylantirilishini o‘rnatadi
background-clip Fonning bo‘yash maydonini belgilaydi
background-color Elementning fon rangini o‘rnatadi
background-image Element uchun fon tasvirini o‘rnatadi
background-origin Fon rasmi(lari) qayerda joylashishini belgilaydi
background-position Fon rasmining boshlang‘ich pozitsiyasini o‘rnatadi
background-repeat Fon tasviri qanday takrorlanishini belgilaydi
background-size Fon rasm(lar)ining o‘lchamini belgilaydi


Video: CSS background qisqa yozuvi

Tutorial on YouTube
Tutorial on YouTube

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!