CSS Inline Style‘ adalah CSS yang digunakan langsung pada elemen HTML, atau ’style’ yang berada di dalam ‘tag’ dari sebuah dokumen. Idealnya memang CSS itu berada terpisah (internal / ekternal) dengan HTML. Tapi terkadang pada kondisi tertentu kita membutuhkan style khusus, misal pada postingan. Nah ‘Inline Style‘ lah yang digunakan.

Pada pembahasan sebelumnya mengenai Belajar HTML dan CSS Tingkat Dasar, telah membahas ‘ekternal dan internal style’. Ada 3 jenis penulisan style CSS ini, yaitu external styles, internal styles dan inline styles.

Penulisan CSS Inline Style

Sebelum kita beranjak kepersoalan “CSS Inline Style” ini lebih jauh, berikut ini contoh penulisan “CSS Inline Style”:

HTML dan CSS sebenarnya adalah bahasa keseharian para pengguna internet. Halaman yang tampil dalam browser ketika kita berselancar itu adalah pengembangan dari kedua bahasa tersebut, yaitu bahasa ‘markup‘ (HTML) dan bahasa ‘stylesheet‘ (CSS), yang keduanya didefinisikan dan dikendalikan penggunaannya olehWorld Wide Web Consortium (W3C).

Para blogger, tentunya sangat berkaitan langsung dengan kedua bahasa tersebut, baik itu saat edit template maupun saat melakukan postingan. Kalau untuk para pengembang web itu santapan mereka.

Jika kita coba analogikan kedua bahasa tersebut sebagai sebuah bangunan, HTML itu adalah struktur dasar dari bangunan, dan CSS yang kemudian bertugas menata agar struktur bangunan tersebut tertata dengan baik dan mempercantiknya.