1. Rumah
  2. background-repeat CSS properti

Tutorial background-repeat CSS properti Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari contoh,Tag definisi dan petunjuk,Dukungan Browser,Tips dan Catatan,Nilai properti,contoh online,Artikel terkait,

background-repeat CSS properti

contoh

Hanya vertikal berulang background-image:

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

Coba »

Tag definisi dan petunjuk

Bagaimana mengatur ubin objek properti background-image.

Secara default, berulang background-gambar vertikal dan arah horisontal.

default: ulangi
warisan: tidak
versi: CSS1
sintaks JavaScript: keberatan object.style.backgroundRepeat = "mengulang-y"

Dukungan Browser

Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.

Segera setelah -webkit- digital, -ms- atau moz lalu mendukung awalan atribut nomor versi browser pertama.

<
Property
background-repeat 1.0 4.0 1.0 1.0 3.5

Beberapa gambar latar belakang dalam satu elemen IE8 dan versi sebelumnya dari browser tidak mendukung.

Perhatikan bahwa IE7 dan versi sebelumnya tidak mendukung "mewarisi (mewarisi)" nilai.IE8 perlu mendefinisikan! DOCTYPE. dukungan IE9 "mewarisi (warisan)."

Tips dan Catatan

Tip: Properti background-positionuntuk mengatur posisi gambar latar belakang. Jika lokasi yang ditentukan tanpa latar belakang apapun, gambar selalu ditempatkan di sudut kiri atas dari elemen.

Nilai properti

nilai penjelasan
ulangi Background image akan mengulangi arah vertikal dan horisontal. Ini adalah default
ulangi-x Hanya posisi horizontal gambar latar belakang akan diulang
repeat-y Hanya posisi vertikal gambar latar belakang akan diulang
no-repeat background-image tidak mengulangi
mewarisi Menentukan pengaturan atribut background-repea harus diwarisi dari elemen induk

contoh

contoh online

Bagaimana untuk mengulang gambar latar belakang dalam arah vertikal dan horisontal
Contoh ini menunjukkan bagaimana untuk mengulang gambar latar belakang dalam arah vertikal dan horisontal.

Bagaimana untuk mengulang gambar latar belakang hanya dalam arah horisontal
Contoh ini menunjukkan bagaimana untuk mengulang gambar latar belakang hanya arah horisontal.

Cara menampilkan gambar latar belakang hanya sekali
Contoh ini menunjukkan bagaimana untuk menampilkan gambar latar belakang tidak mengulangi hanya sekali.

Artikel terkait

CSS tutorial: CSS Background

Pedoman CSS Referensi: Properti background-position

Tutorial Panas

Hubungi kami

background-repeat CSS properti
10/30