CSS background-repeat Özelliği

Tanımlama ve kullanım

background-repeat Arka plan görselini nasıl tekrarlayacağınızı ve nasıl ayarlanacağını belirler.

Öntanımlı olarak, arka plan görseli hem dikey hem de yatay yönde tekrarlanır.

Ayrıntılı açıklama

background-repeat özelliği, görselin döşeme modunu tanımlar.

ilk görselden başlamak üzere tekrarlar, ilk görsel background-image tanımlar ve background-position değerlerini yerleştirme.

Ayrıca bakınız:

CSS eğitim:CSS Arka Plan

CSS referans el kitabı:background-position özelliği

HTML DOM referans el kitabı:backgroundRepeat özelliği

Örnek

body
  {
  background-image: url(stars.gif);
  background-repeat: repeat-y;
  }

Kendi kendine deneyin

İpucu ve açıklamalar

İpucu:Arka plan görselinin konumu background-position özelliği tarafından belirlenmektedir. Background-position özelliği tanımlanmadığı takdirde, görsel elemanın sol üst köşesine yerleştirilir.

CSS dilbilgisi

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

Özellik değeri

Özellik değeri

Değer Açıklama
tekrar Öntanımlı. Arka plan görseli dikey ve yatay yönde tekrarlanacaktır.
repeat-x Arka plan görseli yatay yönde tekrarlanacaktır.
repeat-y Arka plan görseli dikey yönde tekrarlanacaktır.
no-repeat Arka plan görseli sadece bir kez gösterilecektir.
miras Arka plan-tekrar özelliğinin ayarlarını parent elemanından miras alması gerektiğini belirtir.

Teknik ayrıntılar

Öntanımlı değer: tekrar
Geçirsizlik: hayır
Sürüm: CSS1
JavaScript dilbilgisi: nesne.style.backgroundRepeat="repeat-y"

Daha fazla örnek

Arka plan görselini nasıl dikeyde tekrarlar
Bu örnek, arka plan görselini nasıl dikeyde tekrarlar.
Arka plan görselini nasıl yatayda tekrarlar
Bu örnek, arka plan görselini nasıl yatayda tekrarladığını gösterir.
Sadece bir kez arka plan görselini nasıl gösterilir
Bu örnek, sadece bir kez arka plan görselini nasıl gösterdiğinizi gösterir.

Tarayıcı desteği

Tablodaki numaralar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5