CSS border-image-repeat 属性

Paglilinang at Paggamit

Ang katangian ng border-image-repeat ay nagtutukoy kung ang imahen ng border ay dapat na itulad (repeated), itaas (stretched) o mapuno (rounded).

Pansin din:

Tuturo ng CSS3:CSS3 边框

Halimbawa

Tutukoy kung paano itutulad ang imahen ng border:

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

Grammar ng CSS

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

Komento:Ang katangian na ito ay nagtutukoy kung paano itutulak at itutulay ang gilid at gitna ng border image. Kaya, maaari mong magbigay ng dalawang halaga. Kung tinanggal ang ikalawang halaga, ang halaga ng unang ay ginagamit.

Halaga ng katangian

Halaga Paglalarawan
stretch I-tile ang imahen upang mapuno ang lugar
repeat Tilad ang imahen upang mapuno ang lugar.
round Katulad ng halaga ng repeat. Kung ang lahat ng imaheng maayos ay hindi maaaring ma-tilad, ang imahen ay maitaas upang umangkop sa lugar.

Detalye ng Teknolohiya

Default Value: stretch
Inherits: hindi
Bersyon: CSS3
Grammar ng JavaScript: object.style.borderImageRepeat="round"

suporta ng browser

Ang mga numero sa talahanayan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa katangian.

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

tingnan ang border-image pagkakaroon ng katangian.