Pengenalan Property Outline Pada CSS

Halo teman-teman  kembali lagi di artikel saya ,  masih dengan tema bahan yang sama yaitu mengenai property di css kali ini saya akan membahas mengenai sebuah property bagi membangun garis tepi seperti border tetapi agak sedikit berbeda dengan border, yaitu property outline.

  Hampir sama dengan border kegunaan property ini ialah bagi membangun garis tepi di suatu element, Nah yang membedakan ialah di outline garis terbentuk di sekeliling element dan kita tak dapat m,emberi rounded di bagian ujungnya dan kita tak dapat memberikan garis kepada sisi tertentu.

 

Oke saya akan mendemokan bagaimana outline bekerja:

silahkan salin code berikut :

HTML

<article>
<input type=text name= >
</article>

CSS

input[type=text]:hover {
    outline-width: 2px;
    outline-style: solid;
    outline-color: purple;
}

Sekiranya kalian salin code di atas dan kalian jalankan di browser masing-masing, karenanya hasilnya akan tampil garis berwarna ungu di faktor input ketika kalian arahkan cursornya,, karena saya memakai hover bagi menampilkan garisnya.

 

Oke itu saja pengenalan property outline padaq CSS kali ini hingga bertemu di artikel berikutnya.

Terimakasih.

 

Sumber https://kursuswebsite.org