CSS border-image-repeat özelliği
- önceki sayfa border-image-outset
- Sonraki Sayfa border-image-slice
tanım ve kullanım
border-image-repeat özelliği, resim çerçevesinin tekrarlanıp tekrarlanmayacağını, genişletilip genişletilmeyeceğini veya dairesel hale getirileceğini belirler.
diğer: bkz.
CSS3 Eğitimi:CSS3 Kenarlar
örnek
Resim kenarlarını nasıl tekrarlayacağınızı belirler:
div
{
border-image-source: url(border.png);
border-image-repeat: dairesel;
}
CSS dilbilgisi
border-image-repeat: geri çekme|tekrar|dairesel;
yorum:Bu özellik, kenar çerçeve resminin kenarlarını ve ortasını nasıl genişletip döşeyeceğini belirler. Bu yüzden iki değer belirleyebilirsiniz. İkinci değer atlanırsa, ikinci değer birinci değerle aynı alınır.
özellik değeri
| değer | tanım |
|---|---|
| geri çekme | alanı doldurmak için resmi gerdirin |
| tekrar | alanı doldurmak için resmi döşeyin (tekrarlayın). |
| dairesel | tekrar değeri ile benzer. Tüm resimleri tam olarak döşeyemeyecekse, resmi alanı uyumlu hale getirmek için küçültülür. |
teknik ayrıntılar
| öntanımlı değer: | geri çekme |
|---|---|
| miras: | hayır |
| sürüm: | CSS3 |
| JavaScript dilbilgisi: | object.style.borderImageRepeat="dairesel" |
tarayıcı desteği
tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
bkz. border-image özellik.
- önceki sayfa border-image-outset
- Sonraki Sayfa border-image-slice
