Inline CSS merupakan kode CSS yang ditulis secara langsung pada atribut elemen dari HTML. Setiap elemen Html memiliki atribut style. Di situlah inline CSS dituliskan.
Metode ini memiliki nilai yang tidak efisien dikarenakan pada setiap tag HTML diharuskan untuk memiliki style sendiri-sendiri. Penggunanya bisa mendapati sebuah kesulitan saat mengatur website jika hanya mengandalkan Inline CSS.
Karena pada umumnya Inline CSS dipergunakan hanya untuk mengubah satu elemen saja
Manfaat Inline CSS
Walaupun terkesan mempunyai keterbatasan, faktanya Inline CSS mempunyai beberapa manfaat, diantaranya yaitu :
1. Cukup membantu saat hanya ingin menguji serta melihat perubahan di satu elemen.
2. Amat berguna untuk memperbarui kode dengan cepat.
3. Proses request HTTP yang kecil yang membuat proses loading website jadi lebih cepat.
Kekurangan CSS
Dan kekurangan pada Inline style CSS yaitu hanya bisa dipergunakan pada satu elemen HTML saja.
Contoh Inline CSS:
<!DOCTYPE html>
<html>
<body style="background-color:black;">
<h1 style="color:white;padding:30px;">Hostinger Tutorials</h1>
<p style="color:white;">Something usefull here.</p>
</body>
</html>
Itulah pengertian, manfaat, kelebihan, kekurangan serta contoh dari Inline CSS. Semoga bermanfaat untuk kalian dan terapkanlah untuk menambah wawasan kalian.
Dan ya pelajari setiap materi CSS yang ada ya supaya tampilan pada webside yang kalian buat menjadi lebih menarik lagi dan tentunya lebih keren juga.
Terus lihat artikel selanjutnya ya supaya kalian mendapat info lebih lanjutnya okeyy...
Baca juga Kenali Dependen dan Contohnya
Kategori : Pelatihan