Thursday, December 17, 2015

Pemrograman Web : Kupas Tuntas CSS (Inline CSS)



Dalam Inline CSS, kode CSS dituliskan langsung ke dalam tag HTML yang ingin di format. Penulisan cara ini tidak memerlukan penulisan selector dalam kode CSS. Cara ini sebaiknya hanya digunakan jika akan
memformat suatu elemen satu kali saja.

Contoh:
    
    <P style=”color:blue”> Isi paragraf. </p>
  • Pada contoh di atas, elemen  paragraf <P> di format agar tulisannya menggunakan warna biru. Elemen paragraf lain, tidak akan menggunakan warna biru, karena format ini hanya berlaku pada elemen paragraf yang ditentukan kode CSS nya.
  • Penulisan  CSS dengan cara ini di mulai dengan kata style:  lalu di ikuti dengan syntax property: value.

Contoh Program :


<html>
<head>
       <title> Latihan pertama</title>
</head>
<body>
     <p style="color: red">Teks warna merah</p>
     <p style="color: blue">Teks warna biru</p>
     <p style="color: green">Teks warna hijau</p>
</body>
</html>


Baca Juga :
- Kupas Tuntas CSS - Introduction
- Kupas Tuntas CSS - Internal/Header Style
- Kupas Tuntas CSS - Enternal/Linked CSS

No comments:

Post a Comment