Hallo teman-teman bertemu lagi pada tutorial dumet school, pada tutorial kali ini saya akan membahas tentang salah satu lagi properties pada CSS3 yaitu outline, outline disini memiliki fungsi untuk memberi garis/batas bagian luar pada suatu bidang/box/tag html.,nah untuk lebih jelasnya kita langsung saja praktekan.

Teman-teman silahkan buat sebuah file html dan ketikan script berikut :

Saya membuat sebuah element HTML yaitu H1.

Kemudian coba teman-teman ketikan script CSS berikut :

Kita memberikan style berupa border atau garis tepi pada element H1, maka hasilnya akan seperti ini :

ase

Nah, sekarang coba tambahkan script CSS berikut :

Dengan saya menambahkan√ā¬† properties outline sebanyak 10 pixel dengan type dotted dan warna abu abu maka hasilnya akan seperti berikut :

Cap

Seperti yang kita tau tadi fungsi dari properties outline adalah untuk memberi garis/batas bagian luar pada suatu bidang/box/tag HTML.

Oke cukup sekian artikel kali ini, semoga bermanfaat.

Terimakasih.