CSS border-image-repeat Özellik
Örnek
Kenarlık görüntüsünün nasıl tekrarlanacağını belirtin:
#borderimg
{
border-image-source: url(border.png);
border-image-repeat: repeat;
}
Tanım ve Kullanım
Özellik border-image-repeat
, kenarlık görüntüsünün tekrarlanması, yuvarlatılması, boşluk bırakılması veya uzatılması gerektiğini belirtir.
İpucu: Ayrıca border-image özelliğine de bakın (tüm border-image-* özelliklerini ayarlamak için bir kestirme özellik).
Varsayılan değer: | Uzatmak |
---|---|
Miras: | Hayır |
canlandırılabilir: | Hayır. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS3 |
JavaScript sözdizimi: | nesne .style.borderImageRepeat="yuvarlak" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS Sözdizimi
border-image-repeat: stretch|repeat|round|space|initial|inherit;
Not: Bu özellik, kenarlık görüntüsünün yanları ve orta kısmı için görüntülerin nasıl ölçeklendirileceğini ve döşeneceğini belirtir. Yani burada iki değer belirleyebilirsiniz. İkinci değer atlanırsa, birinciyle aynı olduğu varsayılır.
Mülk değerleri
Value | Description | Play it |
---|---|---|
stretch | Default value. The image is stretched to fill the area | |
repeat | The image is tiled (repeated) to fill the area | |
round | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so it fits | |
space | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
İlgili Sayfalar
CSS eğitimi: CSS Kenarlık Resimleri
CSS Referansı: border-image özelliği
CSS Referansı: border-image-outset özelliği
CSS Referansı: border-image-slice özelliği
CSS Referansı: border-image-source özelliği
CSS Referansı: border-image-width özelliği
HTML DOM referansı: borderImageRepeat özelliği