Hallo teman-teman, Bertemu kembali dengan saya dan masih diwebsite ini. Seperti biasa ya teman-teman, semoga masih diberikan kesehatan dan kebahagiaan agar dapat kembali semangat dalam mencari informasi atau ingin mengupgrade skill didunia website terutama dalam hal desain website.

Pada kesempatan kali ini saya akan membahas tentang Mengenal Lebih dalam Property outline pada CSS. ditulisan ini saya harap teman-teman sudah mengenal dengan CSS agar dapat memahami isi dari artikel yang saya buat ini. Oke dan disini saya menjelaskan property outline merupakan salah satu property css dimana memiliki fungsi tidak jauh berbeda dengan border tetapi outline ini untuk memberikan garis atau batas pada suatu element html dan garis atau batas ini kita bisa tentukan bentuk serta tampilan stylenya. Masih bingung ? oke langsung saja kita mulai mempraktekannya dan untuk lebih jelasnya perhatikan step-step dibawah ini :

Mengenal Lebih dalam Property outline pada CSS

Pertama-tama jalankan/run text-editor yang teman-teman gunakan, kemudian ketik/copy script HTML dibawah ini kedalam text-editornya:

Jika sudah, langkah selanjutnya teman-teman masukan script CSS dibawah ini :

Hasil dari kedua script/code diatas maka akan seperti dibawah ini :

Jika sudah silahkan teman-teman simpan, dan kemudian silahkan teman-teman coba jalankan/run dibrowser yang teman-teman gunakan. Jika benar maka hasilnya akan terlihat sama seperti pada gambar dibawah ini :

Mengenal Lebih dalam Property outline pada CSS

Mengenal Lebih dalam Property outline pada CSS

Pada gambar hasil diatas yang berwarna merah adalah border dan yang berwarna hijau adalah property outline nya. Jadi kurang lebihnya contoh outline seperti itu dan silahkan teman-teman mengambil kesimpulan sendiri tentang property outline jika kesimpulan saya masih kurang dimengerti oleh teman-teman.

Oke kalau begitu cukup sekian pembahasan kali ini tentang Mengenal Lebih dalam Property outline pada CSS. semoga bermanfaat buat teman-teman dan sampai bertemu kembali dipembahasan selanjutnya.

Terimakasih

WhatsApp chat