Walaupun sebelumnya sudah ada yang posting atau menulis artikel tentang inline CSS, tetapi semuanya di gabungkan dengan ke tiga temannya yaitu eksternal dan internal. Dimana pembahasan dari suatu cara misal inline ini sangat sempit sekali maka dari itu disini saya mencoba membuat judul dengan nama membahas detail cara menggunakan inline style CSS, di harapkan dengan ini teman-teman lebih paham lagi apa itu inline CSS. Maka dari itu simak terus ya teman-teman.
Membahas detail cara menggunakan inline style CSS, dalam artikel kali ini bisa juga menjadi refrensi teman-teman siapa tau ada yang sedang membuat makalah, skripsi dan lain-lain. oke langsung saja inline CSS Cara paling praktis untuk menginput kode CSS adalah menggunakan inline style CSS. Dengan metode ini, kita menulis kode CSS langsung di dalam tag HTML yang ditempatkan pada atribut style. Sebagai contoh, untuk mengubah warna sebuah paragraf menjadi merah, bisa menulis kode berikut:
<p style="color: red"> Mohon jangan diganggu, lagi Membahas Detail Cara Menggunakan Inline Style CSS . </p>
Atribut style pada tag <p> diatas berfungsi sebagai pembuka kode CSS. Isi dari atribut ini adalah property CSS beserta value-nya. Dalam contoh diatas “color: red” akan membuat teks berwarna merah. Jika ingin menambahkan 2 property atau lebih, diantaranya di pisah dengan tanda titik koma:
<p style="color:red; font-size:18px"> Mohon jangan diganggu, lagi Membahas Detail Cara Menggunakan Inline Style CSS . </p>
Kali ini paragraf tersebut akan ditampilkan dengan warna merah dan berukuran 18 pixel. Berikut contoh lengkapnya di dalam halaman HTML:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Membahas Detail Cara Menggunakan Inline Style CSS </title> </head> <body> <h1>Belajar CSS</h1> <p style="color:red; font-size:18px"> Mohon jangan diganggu, lagi serius belajar CSS. </p> <p style="font-weight:bold"> Mohon jangan diganggu, lagi serius belajar CSS. </p> </body> </html>
Walaupun praktis, penggunaan inline style CSS sangat tidak disarankan. Inline style CSS membuat kode CSS tercampur dengan HTML, dan kita menghadapi masalah yang sama ketika menggunakan tag <font>. Beberapa kasus dimana inline style CSS masih sering digunakan adalah jika kita tidak memiliki akses langsung ke dokumen HTML, seperti di kolom komentar sebuah blog, di dalam forum, atau pada pesan email. Bagaimana teman-teman sudah cukup membantu ya untuk Membahas detail cara menggunakan inline style CSS, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.
The post Membahas Detail Cara Menggunakan Inline Style CSS appeared first on Kursus Website Terbaik.