inset
Misol
Joylashtirilgan <div> elementidan ota elementgacha bo‘lgan masofani o‘rnating:
div {
inset: 35px;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
inset xususiyati element va ota element orasidagi masofani o‘rnatadi.
Eslatma: Bu xususiyat ta’sir qilishi uchun position xususiyati ham belgilangan bo‘lishi kerak.
inset xususiyati quyidagi xususiyatlar uchun qisqartma xususiyatdir:
inset xususiyati qiymatlarini turli usullarda o‘rnatish mumkin:
Agar inset xususiyati to‘rtta qiymatga ega bo‘lsa:
- inset: 15px 30px 60px 90px;
- yuqoridagi masofa 15px
- o‘ngdagi masofa 30px
- pastdagi masofa 60px
- chapdagi masofa 90px
Agar inset xususiyati uchta qiymatga ega bo‘lsa:
- inset: 15px 30px 60px;
- yuqoridagi masofa 15px
- chap va o‘ngdagi masofalar 30px
- pastdagi masofa 60px
Agar inset xususiyati ikkita qiymatga ega bo‘lsa:
- inset: 15px 30px;
- yuqori va pastdagi masofalar 15px
- chap va o‘ngdagi masofalar 30px
Agar inset xususiyati bitta qiymatga ega bo‘lsa:
- inset: 10px;
- to‘rttala masofa ham 10px
| Standart qiymat: | auto |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | ha. animatable haqida o‘qing Sinab ko‘ring |
| Versiya: | CSS3 |
| JavaScript sintaksisi: | object.style.inset="100px 50px" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| inset | 87.0 | 87.0 | 66.0 | 14.1 | 73.0 |
CSS sintaksisi
inset: auto|value|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| auto | Standart. Elementning standart inset masofasi. | Demo ❯ |
| length | inset qiymatini px, pt, cm va hokazolarda belgilaydi. Manfiy qiymatlarga ruxsat beriladi. Uzunlik birliklari haqida o‘qing | Demo ❯ |
| % | Masofani tegishli o‘qdagi ota element o‘lchamiga nisbatan foizda belgilaydi. | Demo ❯ |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing | |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Ko‘proq misollar
Misol
<div> elementining inset xususiyati qiymatini shunday o‘rnatingki, ota elementgacha masofa yuqori va pastdan 15 piksel, chap va o‘ngdan 30 piksel bo‘lsin:
div {
inset: 15px 30px;
}
O‘zingiz sinab ko‘ring »
Misol
<div> elementining inset xususiyati qiymatini shunday o‘rnatingki, ota elementgacha masofa yuqoridan 15 piksel, chap va o‘ngdan 30 piksel, pastdan 60 piksel bo‘lsin:
div {
inset: 15px 30px 60px;
}
O‘zingiz sinab ko‘ring »
Misol
<div> elementining inset xususiyati qiymatini shunday o‘rnatingki, masofa yuqoridan 15 piksel, o‘ngdan 30 piksel, pastdan 60 piksel va chapdan 90 piksel bo‘lsin:
div {
inset: 15px 30px 60px 90px;
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS position
CSS position xususiyati: CSS position xususiyati
CSS bottom xususiyati: CSS bottom xususiyati
CSS left xususiyati: CSS left xususiyati
CSS right xususiyati: CSS right xususiyati
CSS top xususiyati: CSS top xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!