border-image-repeat
Misol
Chegara rasmi qanday takrorlanishini belgilang:
#borderimg {
border-image-source: url(border.png);
border-image-repeat: repeat;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
border-image-repeat xususiyati chegara rasmi takrorlanishi, yaxlitlanishi (round), oraliq bilan joylashtirilishi (space) yoki cho‘zilishi kerakligini belgilaydi.
Maslahat: border-image xususiyatiga ham qarang (barcha border-image-* xususiyatlarini o‘rnatish uchun qisqartma xususiyat).
| Standart qiymat: | stretch |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS3 |
| JavaScript sintaksisi: | object.style.borderImageRepeat="round" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS sintaksisi
border-image-repeat: stretch|repeat|round|space|initial|inherit;
Eslatma: Bu xususiyat chegara rasmining tomonlari va o‘rta qismi uchun rasmlar qanday masshtablanishi va plitkadek terilishini belgilaydi. Shuning uchun bu yerda ikkita qiymat ko‘rsatishingiz mumkin. Agar ikkinchi qiymat tushirib qoldirilsa, u birinchisi bilan bir xil deb hisoblanadi.
Xususiyat qiymatlari
| Qiymat | Tavsif | Sinab ko‘ring |
|---|---|---|
| stretch | Standart qiymat. Rasm sohani to‘ldirish uchun cho‘ziladi | Demo ❯ |
| repeat | Rasm sohani to‘ldirish uchun plitkadek teriladi (takrorlanadi) | Demo ❯ |
| round | Rasm sohani to‘ldirish uchun plitkadek teriladi (takrorlanadi). Agar soha butun sondagi plitkalar bilan to‘lmasa, rasm sig‘ishi uchun qayta masshtablanadi | Demo ❯ |
| space | Rasm sohani to‘ldirish uchun plitkadek teriladi (takrorlanadi). Agar soha butun sondagi plitkalar bilan to‘lmasa, ortiqcha bo‘sh joy plitkalar atrofida taqsimlanadi | Demo ❯ |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing | |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Tegishli sahifalar
CSS darsligi: CSS chegara rasmlari
CSS ma’lumotnomasi: border-image xususiyati
CSS ma’lumotnomasi: border-image-outset xususiyati
CSS ma’lumotnomasi: border-image-slice xususiyati
CSS ma’lumotnomasi: border-image-source xususiyati
CSS ma’lumotnomasi: border-image-width xususiyati
HTML DOM ma’lumotnomasi: borderImageRepeat xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!