属性 amfani CSS border-image-repeat

Definition and Usage

The border-image-repeat property specifies whether the image border should be repeated (repeated), stretched (stretched), or filled (rounded).

See also:

CSS3 Tutorial:هوپس ھیئت-بوردر-ایمج

Example

Specify how to repeat the image border:

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

CSS Syntax

border-image-repeat: stretch|repeat|round;

Note:This attribute specifies how to extend and tile the edges and middle part of the border image. Therefore, you can specify two values. If the second value is omitted, the same value as the first is taken.

Attribute Value

Value Description
stretch Stretch images to fill the area
repeat Tile (repeat) images to fill the area.
round Similar to repeat values. If the image cannot be tiled completely, it is scaled to fit the area.

Technical Details

Default Value: stretch
Inheritance: no
الإصدار: CSS3
JavaScript Grammar: object.style.borderImageRepeat="round"

دعم المتصفح

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

چروم آئی ای / ایج فایرفاکس سافری اوپرا
15.0 11.0 15.0 6.0 15.0

الرجاء الرجوع إلى border-image 属性。