Menggunakan Property Outline dan Outline-offset pada CSS3

Hallo teman-teman dumet school, pada artikel sebelumnya saya sudah memberikan satu trik html css yaitu Menggunakan Property Justify-content Pada CSS3,. Sekarang saya akan memberikan trik css lagi nih, trik kali ini tentang cara menggunakan property outline dan outline offset pada css 3
.

Outline sendiri fungsinya sama dengan border baik cara penulisan dan hasil tampilannya, namun outline sendiri memiliki tambahan property pendukung seperti outline-offset. Apa fungsi outline-offset? Offset sendiri memiliki melompati atau melewati bagian yang ada sebelumnya. Jika masih penasaran bisa langsung lihat demo dan sorce kode berikut.

Pada demo diatas ada 2 warna garis, merah = outline, dan biru = border.

Out line diatas memiliki tambahan property outline-offset:15px yang berarti memiliki jarak sebesar 15 pixel dari border.

Nahh. demikian artikel tentang menggunakan property outline dan outline offset pada css 3. untuk kalian yang masih penasaran silahkan lakukan banyak eksperimen . Semoga bermanfaat.