CSS3 properti border-image-slice
contoh
Dalam hati diimbangi gambar yang ditentukan batas:
div
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
属性 | |||||
---|---|---|---|---|---|
border-image-slice | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Definisi atribut dan petunjuk
border-image atribut -slice menetapkan batas gambar hati offset.
default: | 100% |
---|---|
warisan: | tidak |
versi: | CSS3 |
sintaks JavaScript: | keberatan .style.borderImageSlice = "50% 50%" |
tatabahasa
border-image-slice:number|%|fill;
Catatan: Atribut ini menetapkan gambar di atas, kanan, bawah, tepi kiri ke dalam migrasi, dibagi menjadi sembilan wilayah: empat penjuru, empat sisi dan menengah.image menengah akan dibuang (proses sepenuhnya transparan), kecuali mengisi kata kunci. Jika Anda menghilangkan keempat jumlah / persentase itu, dan yang kedua sama. Jika Anda juga menghilangkan ketiga, dan itu adalah sama seperti yang pertama. Jika Anda juga menghilangkan kedua, dan itu adalah sama seperti yang pertama.
nilai | penjelasan |
---|---|
jumlah | representasi digital dari pixel image (gambar bitmap) atau koordinat vektor (jika gambar adalah gambar vektor) |
% | Persentase ukuran gambar relatif: ketinggian lebar horizontal gambar offset, offset vertikal gambar |
mengisi | Milik porsi menengah gambar |