Selamat datang kembali di website tips dan trik Dumet School, pada pertemuan sebelumnya kita sudah membahas macam – macam text-decoration pad css 3. Dan pada kesempatan kali ini saya juga akan membahas tentang css 3 yaitu Macam – macam fungsi Outline Pada CSS 3. Apa itu outline..??
Outline pada css 3 memiliki beberapa kategori di dalam nya yaitu outline-width outline-style outline-color dan masing – masing dapat digunakan. Pada umumnya outline dituliskan seperti ini
Pada gambar di atas ini di dalam outline jika di baca
Outline:
outline-color :green;
outline-style:dotted;
outline-width:thick;
Pada artikel Macam – macam fungsi Outline Pada CSS 3 ini kita akan mengenal lebih banyak type outline nya.
Outline-style memiliki beberapa style yaitu:
- None
- Hidden
- Dotted
- Dashed
- solid
- double
- groove
- ridge
- inset
- outset
Teman – teman coba sendiri dan masukkan beberapa style di atas ini untuk mengetahui hasil outputnya, kemudian ada outline-width yang mengacu kepada size nya
Maka hasilnya sama saja dengan kita menggabungkan ketiganya
Bisa teman – teman lihat pada gambar di atas ini hasilnya sama dengan pertama kali kita mengetikkan dengan menggabungkan ketiganya, berikutnya kita akan menggunakan outline-offset yang berfungsi untuk memberikan jarak antara konten dengan outline nya. Ini hamper sama dengan padding yaitu memberi jarak bagian dalam, saya coba menambahkan outline-offset nya pada css
Maka bagian dalam terdapat jarak 15px terhadap konten
Itulah beberapa outline yang ada pada css 3, dengan ini teman – teman bebas untuk menggunakannya karena memang kita kita wajib tahu. Apalagi teman – teman yang saat ini sedang merintis belajar html dan css, cocok sekali untuk bahan ajaran. Masih banyak sekali fungsi – fungsi yang lain nya pada css 3, namun teman – teman tidak usah risau. Gunakan saja yang banyak orang biasa pakai nanti secara perlahan akan terbiasa dengan penggunaan script nya. Baik sekian dulu pada artikel kali ini tentang Macam – macam fungsi Outline Pada CSS 3 kita jumpa kembali pada artikel yang akan dating. Semoga bermanfaat, terimakasih dan sampai jumpa.