Membuat Inline Style

Adalah style yang dimasukkan sebagai atribut dalam tag HTML.

Syntax:

<tag style=”propertyCSS:nilai”>

Contoh:

Buatlah sebuah file HTML bernama inlineStyle.html dan masukkan kode berikut ini:

<h2 style="color:green;text-align:center">Guardiola: Kekuatan Juve Masih Sama</h2>

<b>Bola.net</b> - Pelatih <b >Bayern Munchen</b>, <b style="color:blue">Josep Guardiola</b> menegaskan bahwa ia tidak akan meremehkan kekuatan Juventus. Bayern akan menjamu Juventus dalam leg kedua babak 16 besar Liga Champions.

<p style="color:red">Juve dilanda banyak cedera saat ini. Tiga pemain penting di masing-masing lini mereka dipastikan absen; Giorgio Chiellini, Claudio Marchisio dan Paulo Dybala semua cedera.</p>

"Juventus selalu sama, mereka memiliki semangat tim yang tinggi. Mungkin besok Morata akan bermain, bukan Mandzukic. Mungkin mereka berdua akan tampil bersama. Marchisio tidak akan bermain tapi pada leg pertama Hernanes yang bermain," terang Guardiola kepada Football Italia.

Hasil:

Klik 2x nama file HTML-mu maka pada browser akan tampil seperti berikut ini:

Guardiola: Kekuatan Juve Masih Sama

Bola.net - Pelatih Bayern Munchen, Josep Guardiola menegaskan bahwa ia tidak akan meremehkan kekuatan Juventus. Bayern akan menjamu Juventus dalam leg kedua babak 16 besar Liga Champions.

Juve dilanda banyak cedera saat ini. Tiga pemain penting di masing-masing lini mereka dipastikan absen; Giorgio Chiellini, Claudio Marchisio dan Paulo Dybala semua cedera.

"Juventus selalu sama, mereka memiliki semangat tim yang tinggi. Mungkin besok Morata akan bermain, bukan Mandzukic. Mungkin mereka berdua akan tampil bersama. Marchisio tidak akan bermain tapi pada leg pertama Hernanes yang bermain," terang Guardiola kepada Football Italia.
2016 © Fahmi Basya Kartapura