Sen burayı gördün, başkası da görecek. Teklifini gönder, sitenin kahramanı ol.

Sponsor'un katkılarıyla...

CSS background-repeat Özelliği

CSS background-repeat Özelliği

CSS background-repeat özelliği; arka plan görselinin yinelenip yinelenmeyeceğini, yineleniyorsa nasıl yineleneceğini ayarlar. background-repeat özelliği ile bir arka plan görseli yatayda, dikeyde, ya da her iki aks boyunca yinelenir ya da yinelenmez.

/ 19.05.1919?

Yazar:
SonDevrimBu Yazı
Toplam284761586
Bugün652

background-repeat Özelliği Temel Özellikler

CSS Yazımı :
background-repeat: no-repeat | repeat | repeat-x | repeat-y;
Örnek :
background-repeat: no-repeat; | background-repeat: repeat;
Öntanımlı Değer :
repeat
Uygulanabilen Etiketler :
Tüm Etiketler. ::first-letter ve ::first-line ögelerine de uygulanabilir.
Kalıtsallık :
Yok.
Tarayıcı Desteği :
Tüm Tarayıcılar
Animasyon :
Desteklenmiyor animation Özelliği
Javascript :
öge.style.backgroundRepeat = "repeat-x";
Sürüm :
CSS1 / CSS2 (düz. 1) / CSS Backgrounds and Borders Module Level 3
Açıklama :

background-repeat Özelliği Kullanımı

Sponsor'un katkılarıyla...

Markanız için 300X300 alan.

Reklamı kapat görseli

CSS background-repeat özelliği; arka plan görselinin yinelenip yinelenmeyeceğini, yineleniyorsa nasıl yineleneceğini ayarlar. background-repeat özelliği ile bir arka plan görseli yatayda, dikeyde, ya da her iki aks boyunca yinelenir ya da yinelenmez.

Öntanımlı olarak, yinelenen görseller etiketin boyutlarına uyacak biçimde kırpılırlar ancak round anahtar sözcüğü kullanılarak yeniden boyutlandırılabilir ya da space anahtar sözcüğü kullanılarak etiket kenarlarına aralıklı durmalarının sağlanmasıyla kırpılmaktan kurtarılabilirler.

Daha fazlası için CSS background özelliğine bakın !

background-repeat Özelliği Tarayıcı Desteği

MasaüstüTaşınabilir
Tarayıcı →Özellik ↓
Temel Destek 1.0 3.5 1.0 1.0 4.0
Çoklu Arka plan 3.6 10.5 1.3 1.0 9.0
2'li Değer 13.0 Var Var Var 9.0
round / space 49.0 10.5 Var Var 9.0
Tarayıcı →Özellik ↓
Temel Destek 1.0 ? ? ? ?
Çoklu Arka plan Var ? ? ? ?
2'li Değer 13.0 ? ? ? ?
round / space 49.0 ? ? ? ?

Kaynak: Mozilla Geliştirici Ağı - MDN 10 Yaşında - CC-BY-SA 2.5

background-repeat Özelliğinin Alabileceği Değerler

background-repeat özelliği bir- ya da iki-değerli olarak yazılabilir. background-repeat özelliğinin iki değerli yazımında ilk değeri yataydaki davranışı belirlerken ikinci değer dikeydeki davranışı belirler.

no-repeat
Görsel yinelenmez. no-repeat no-repeat ile eş değerdir. Yinelenmeyen görselin konumu background-position özelliği ile belirlenir.
repeat
Öntanımlı değer. repeat repeat ile eş değerdir. Görsel hem yatayda hem dikeyde arka plan alanı kaplanıncaya kadar yinelenir. Son görsel arka plan alanına sığmıyorsa sığacak biçimde kırpılır.
repeat-x
Görsel yalnızca yatayda yinelenir. repeat no-repeat ile eş değerdir.
repeat-y
Görsel dikeyde olarak yinelenir. no-repeat repeat ile eş değerdir.
round
round round ile eş değerdir. İzin verilen boşluğun (boşluk >= görsel boyutunun yarısı) büyümesiyle (görseller arasında boşluk kalmaksızın) yinelenen görseller; başka bir görsel eklenebilene kadar esnerler. Bir sonraki görselin eklenmesiyle yer açılması amacıyla da sıkışırlar. Örnek olarak 260px genişliğindeki görsel üç kez yinelenir ve her bir görsel esneyerek 300px olur ve yeni bir görsel eklenmesiyle her biri 225px olur.
space
space space ile eş değerdir. Görsel kırpılmaksızın olabildiğince yinelenir. İlk ve son görseller ya kenarlara yapışmıştır ya da arada beyaz boşluk kalmıştır. background-position özelliği birden fazla görsel gösterildiği sürece görmezden gelinir. Görselin kırpıldığı tek koşul ise bir tek görselin boyutunun, gösterileceği alandan daha büyük olduğundan ötürü taşması durumunda gerçekleşir.
Reklamı kapat görseli

Görüş Bildirin?

Toplam Oy Sayısı : Şimdilik hiç oy verilmemiş.

Ortalama Oy Değeri : Verilen oyun geçerli olması için yapılan yorumun onaylanması gerekiyor.

Görüşler yükleniyor . . .

Yorum Ekle?

1000
CSS background-repeat Özelliği