Fon boshlanish nuqtasi

CSS background-origin xossasi

CSS background-origin xossasi fon rasmining joylashuvi qayerdan boshlanishini belgilaydi.

Bu xossa quyidagi qiymatlardan biriga ega bo‘lishi mumkin:

padding-box — fon rasmi padding chetining chap-yuqori burchagidan boshlanadi. Bu standart
border-box — fon rasmi chegara chetining chap-yuqori burchagidan boshlanadi
content-box — fon rasmi kontent chetining chap-yuqori burchagidan boshlanadi

Eslatma: Agar background-attachment xossasi "fixed" qilingan bo‘lsa, bu xossa ta’sir qilmaydi.

Quyidagi misol background-origin xossasini tushuntiradi:

Misol

#div1 {
border: 2px solid black;
padding: 35px;
background-image: url(img_flwr.gif);
background-repeat: no-repeat;
background-origin: padding-box;
}

#div2 {
border: 2px solid black;
padding: 35px;
background-image: url(img_flwr.gif);
background-repeat: no-repeat;
background-origin: border-box;
}

#div3 {
border: 2px solid black;
padding: 35px;
background-image: url(img_flwr.gif);
background-repeat: no-repeat;
background-origin: 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

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish