Home / HTML / Belajar HTML – Style Element

Belajar HTML – Style Element

Tag <style> digunakan untuk menginput kode style ke dalam halaman HTML. Kode style yang umumnya digunakan (dan masih satu-satunya) adalah CSS. CSS juga menjadi default style jika kita tidak menulis atribut type=”text/css”.

Berikut adalah contoh penggunaan tag <style>:


<style type="text/css">
// kode CSS disini
// kode CSS disini
</style>

Sama seperti tag <script>, atribut type juga bersifat opsional di dalam HTML5. Anda boleh tidak menuliskan atribut ini, seperti contoh berikut:


<style>
// kode CSS disini
// kode CSS disini
</style>

Tag <style> juga mendukung atribut media. Atribut ini berfungsi untuk membuat style CSS yang hanya berjalan jika media yang ditulis sesuai. Apakah itu screen (layar komputer), print (sewaktu dicetak), atau all (semua media). Berikut contohnya:


<style media="all">
// kode CSS disini
// kode CSS disini
</style>

Jika atribut media tidak ditulis, nilai defaultnya adalah “all“, yang berarti seluruh kode CSS akan diterapkan diseluruh media. Sama seperti tag <script>, tag <style> juga bisa ditempatkan di bagian mana saja di dalam halaman HTML (tidak harus di bagian head).

About admin

Check Also

Sejarah dan Perkembangan Bahasa HTML

Belajar HTML – Title Element

Tag <title> mungkin menjadi tag paling penting di bagian <head>. Tag ini berfungsi untuk menampilkan …

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *