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 smiley. Semoga bermanfaat.

11 Juli 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat