loader

Cвойство border-image позволяет указать изображение, которое будет использоваться в качестве границы вокруг элемента. Свойство border-image является сокращённым свойством для: border-image-source, border-image-slice, border-image-width, border-image-repeat. Пропущенные значения устанавливаются в значения по умолчанию.

border-image հատկությունը թույլ է տալիս նշել պատկեր, որը պետք է օգտագործվի որպես տարրի շուրջ եզրագիծ: border-image հատկությունը հետևյալ հատկությունների կրճատումն է ՝ border-image-source, border-image-slice, border-image-width, border-image-repeat: Բացակայող արժեքները լրացվում են ըստ ստանդարտի։

Синтаксис

Գրելաձև
border-image: url(gradient.png) 15% stretch; ⟿ Путь к файлу | Размеры для разделения изображения на части | Определяет, как должен разделяться. border-image: url(gradient.png) 15% stretch; ⟿ Ֆայլի ճանապարհը | Պատկերը մասերի բաժանելու չափերը | Որոշում է, թե ինչպես այն պետք է բաժանվի.

Пример

Օրինակ

See the Pen border-image by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

 border-image image

Также у тега border-image есть следующие под. теги
Поддержка браузера дляԲրաուզերի աջակցությունը border-image элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 11+ 12+ 56+ 50+ 9.1+ 43+
Notes