خصائص مصدر صورة الحدود CSS

Definition and Usage

The border-image-source property specifies the image to be used instead of the border style set in the border-style property.

Tip:If the value is "none", or if the image cannot be displayed, use the border style.

See also:

CSS3 Tutorial:حواف CSS3

Example

Use an image as the border around the div element:

div
{
border-image-source: url(border.png);
}

CSS Syntax

border-image-source: none|image;

Property Value

Value Description
none Do not use an image.
image Path to the image used as the border.

Technical Details

Default Value: none
Inheritance: no
Version: CSS3
JavaScript Syntax: object.style.borderImageSource="url(border.png)"

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

يرجى الرجوع إلى border-image الخصائص.