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 :
1 |
<h1>Dumet School</h1> |
Saya membuat sebuah element HTML yaitu H1.
Kemudian coba teman-teman ketikan script CSS berikut :
1 2 3 4 |
h1 { border: 1px solid black; } |
Kita memberikan style berupa border atau garis tepi pada element H1, maka hasilnya akan seperti ini :
Nah, sekarang coba tambahkan script CSS berikut :
1 2 3 4 5 |
h1 { border: 1px solid black; outline: 10px dotted grey; } |
Dengan saya menambahkan properties outline sebanyak 10 pixel dengan type dotted dan warna abu abu maka hasilnya akan seperti berikut :
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.