loader

Cвойство border-image-slice указывает, как разрезать изображение, указанное в параметре border-image-source. Изображение всегда разделено на девять частей: четыре угла, четыре края и середина. «Средняя» часть считается полностью прозрачной, если не задано ключевое слово fill.

border-image-slice հատկությունը սահմանում է, թե ինչպես կարելի է կտրել պատկերը, որը նշված է border-image-source պարամետրով: Պատկերը միշտ բաժանված է ինը մասի` չորս անկյուն, չորս եզր և մեջտեղ: "Մեջտեղ"-ը համարվում է լիովին թափանցիկ, եթե fill հիմնաբառը տրված չէ:

Синтаксис

Գրելաձև

border-image-slice: 15%; ⟿ Размеры для разделения изображения на части. border-image-slice: 15%; ⟿ Պատկերը մասերի բաժանելու չափերը.

Пример

Օրինակ

See the Pen Untitled by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

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

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

border-image-slice image

Также у тега border-image есть следующие под. теги

Поддержка браузера дляԲրաուզերի աջակցությունը border-image-slice элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 11+ 12+ 15+ 15+ 6+ 15+
Notes