Kifupi cha kina la borderImage

Maelezo na matumizi

borderImage Kina hiki ni kifupi cha kina zifuatavyo:

Adhira zilizokuswa zinaadhimishwa kwa adhira zilizopo.

Tafadhali angalia:

Kifupi cha CSS:Kina ya border-image

Mfano

Kuwa na kina la taswira kwa sababu ya kina la <div> element.

document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";

Mfano wa kufanya kina kwa uangalifu

Muundo

Adhira ya kina la borderImage:

object.style.borderImage

Kuwa na kina la borderImage:

object.style.borderImage = "source slice width outset repeat|initial|inherit"

Adhira ya kina

Adhira Maelezo
borderImageSource Mtaalamu wa kina wa kina wa kina.
borderImageSlice Kina la kina la border inaonyesha kina cha nje.
borderImageWidth Kina la kina la border.
borderImageOutset Kina ya eneo la border inaonyesha kina cha border box.
borderImageRepeat Kina ya eneo la border kwake lapeka (repeated), kumaliza (rounded) au kumaliza (stretched).
initial Inakubali kiwango kikifu kwa sababu ya kina cha mwingine. Angalia initial.
inherit Inakubali kiwango kikifu kwa sababu ya kina cha mwingine. Angalia inherit.

Vivyo vya kidokeza

Adhira: none 100% 1 0 stretch Adhira: none 100% 1 0 stretch
Adhira: none 100% 1 0 stretch Tahola, inaonyesha kina ya Kina ya border-image.
Tarakimu ya CSS: CSS3

Kuwa na kipakana cha kina

Taswira na namba za kwanza zinafurahisha kiwango hiki kwa sababu ya kiwango hiki cha kina.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 11.0 15.0 6.0 15.0