Contoh
Tentukan garis 15px luar tepi perbatasan:
div
{
border: 2px solid black;
outline: 2px solid red;
outline-offset: 15px;
}
Cobalah sendiri " Definisi dan Penggunaan
Properti outline-offset menambah ruang antara garis dan tepi atau border suatu elemen.
Garis besar berbeda dari perbatasan dengan dua cara:
- Garis besar adalah garis yang ditarik sekitar elemen, di luar tepi perbatasan
- Sebuah garis tidak mengambil ruang
- Garis besar mungkin non-persegi panjang
| nilai default: | 0 |
|---|---|
| mewarisi: | no |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versi: | CSS3 |
| sintaks JavaScript: | object .style.outlineOffset="15px" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| outline-offset | 4.0 | Tidak didukung | 3.5 | 3.1 | 10.5 |
CSS Syntax
outline-offset:length|initial|inherit;Nilai properti
| Nilai | Deskripsi |
|---|---|
| length | jarak garis besar adalah awal dari tepi perbatasan. Nilai default adalah 0 |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
CSS3 tutorial: CSS3 User Interface
Referensi HTML DOM: outlineOffset property