Sertifikat olingYANGIW3Schools ilovasiiOS va AndroidSarguzashtni boshlang

Fonni kesish

ULASHISH

CSS background-clip xossasi

CSS background-clip xossasi fon (rang, rasm yoki gradient) element ichida qanchalik kengayishini belgilaydi.

Bu xossa quyidagi qiymatlardan biriga ega bo‘lishi mumkin:

  • border-box — fon chegara ortiga kengayadi. Bu standart
  • padding-box — fon chegara ichki chetigacha kengayadi
  • content-box — fon kontent qutisi chetigacha kengayadi

Misol

background-clip xossasini fon rasmi bilan ishlatish:

#div1 {
  border: 5px dotted black;
  padding: 35px;
  background-image: url(paper.gif);
  background-clip: border-box;
}

#div2 {
  border: 5px dotted black;
  padding: 35px;
  background-image: url(paper.gif);
  background-clip: padding-box;
}

#div3 {
  border: 5px dotted black;
  padding: 35px;
  background-image: url(paper.gif);
  background-clip: content-box;
}
O‘zingiz sinab ko‘ring »

Misol

background-clip xossasini fon rangi bilan ishlatish:

#div1 {
  border: 5px dotted black;
  padding: 35px;
  background-color: lightblue;
  background-clip: border-box;
}

#div2 {
  border: 5px dotted black;
  padding: 35px;
  background-color: lightblue;
  background-clip: padding-box;
}

#div3 {
  border: 5px dotted black;
  padding: 35px;
  background-color: lightblue;
  background-clip: content-box;
}
O‘zingiz sinab ko‘ring »

CSS ilg‘or fon xossalari

Xususiyat Tavsif
background Barcha background xossalarini bitta deklaratsiyada belgilash uchun qisqartma xossa
background-clip Fonning bo‘yash maydonini belgilaydi
background-image Element uchun bir yoki bir nechta fon tasvirini belgilaydi
background-origin Fon rasmi(lari) qayerda joylashishini belgilaydi
background-size Fon rasm(lar)ining o‘lchamini belgilaydi

‹ OrqagaKeyingisi

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tishKirish