Hisia ya border-image-repeat ya CSS

Ufafanuzi na matumizi

Tabia ya border-image-repeat inasimulia inaonesha kama picha ya kichwa cha kina inaitwa kurepetishwa (repeated), kufikiria (stretched) au kufikiria (rounded).

Tazama pia:

Makao ya CSS3:Kifupi cha CSS3 cha kifupi

Mifano

Inasimulia ukweli wa kurepetisha picha ya kichwa cha kina:

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

Inayofanywa na lugha ya CSS

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

Kutahidi:Tabia hii inasimulia ukweli na uharibifu wa picha ya kichwa cha kina na kati. Kwa hivyo, unaweza kubadilisha thamani mbili. Ikiwa utapoteza thamani ya pili, thamani ya pili itakuwa inayofikiria kama thamani ya kwanza.

Thamani ya masharti

Thamani Muhtasari
stretch Kupakisha picha kwa kufikiria eneo.
repeat Kupakisha picha za kifaa cha kichwa kwa kufikiria eneo.
round Kilishi kama thamani ya repeat. Ikiwa haitakuwa inapata kufikiria kina ya tabia inayopewa, tukifanyia uharibifu wa picha ili itakayofikiria eneo.

Mafanikio ya teknolojia

Mwiliwake wa msingi: stretch
Ukumu ni: haya
Muundo: CSS3
Inayofanywa na lugha ya JavaScript: object.style.borderImageRepeat="round"

Muungano wa kifaa cha kusaidia

Maneno ya kifaa cha tabia kilichotaka kwa kuzingatia tabia hii ni kuanzia na kichwa cha kitambaa cha kusaidia.

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

Tazama border-image masharti.