CSS border-image հատկություն

Հատկանշում է եզրագծային պատկերի բոլոր հատկությունները կրճատ գրելաձևով:

Օրինակ

div {
    border-image:url(border.png) 30 30 round;
    -webkit-border-image:url(border.png) 30 30 round; /* Safari */
}

Փորձել

Նախնական արժեք	none 100% 1 0 stretch
Ժառանգվող
Անիմացվող
JavaScript սինթաքս	օբյեկտ.style.borderImage="url(border.png) 30 30 round"

Արժեք	Բնութագիր
border-image-outset	Հատկանշում է չափս, թե որքան պետք է եզրագծային պատկերի տարածքը տարածվի եզրագծային արկղի երկայնքով:
border-image-repeat	Հատկանշում է, արդյո՞ք եզրագծային պատկերը պետք է կրկնվի, կորանա թե ձգվի:
border-image-slice	Հատկանշում է եզրագծային պատկերի ներքին խառնուրդը:
border-image-source	Հատկանշում է որպես եզրագիծ օգտագործվող պատկերի աղբյուրը՝ URL հասցեն:
border-image-width	Հատկանշում է եզրագծային պատկերի լայնությունները:
initial	Վերագրում է այս հատկությունն իր նախնական արժեքին:
inherit	Ժառանգում է այս հատկությունն իր ծնող տարրից: