Contoh
Menempatkan gambar perbatasan 10 piksel luar tepi perbatasan elemen:
#borderimg
{
border-image-source: url(border.png);
border-image-outset: 10px;
}
Definisi dan Penggunaan
Properti border-image-awal menentukan jumlah dimana area gambar perbatasan melampaui kotak perbatasan.
Tip: Juga melihat perbatasan-gambar properti (a shorthand property for setting all the border-image-* properties) .
| nilai default: | 0 |
|---|---|
| mewarisi: | no |
| animatable: | no. Read about animatable |
| Versi: | CSS3 |
| sintaks JavaScript: | object .style.borderImageOutset="10px" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| border-image-outset | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS Syntax
border-image-outset:length|number|initial|inherit;Note: Properti border-image-awal dapat mengambil dari satu sampai empat nilai (top, right, bottom, and left sides) . Jika nilai keempat dihilangkan, itu adalah sama dengan yang kedua. Jika yang ketiga juga dihilangkan, itu adalah sama seperti yang pertama. Jika yang kedua juga dihilangkan, itu adalah sama seperti yang pertama.
Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| length | Sebuah satuan panjang menentukan seberapa jauh dari tepi perbatasan-gambar akan muncul. Nilai default adalah 0 | Mainkan " |
| number | Merupakan kelipatan yang sesuai border-width | Mainkan " |
| initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
CSS3 tutorial: Gambar CSS3 Border
CSS Referensi: border-image property
CSS Referensi: border-image-repeat property
CSS Referensi: border-image-slice property
CSS Referensi: border-image-source property
CSS Referensi: border-image-width property
Referensi HTML DOM: borderImageOutset property