Atribut Style HTML ~ KODELOVER

Atribut Style HTML

Ini Merah

Ini biru

Menetapkan Style elemen HTML, bisa dilakukan dengan atribut style.

Atribut style HTML memiliki sintaks berikut:
Style = "property: value;"

Properti itu adalah properti CSS. Nilai adalah nilai CSS.
Catatan Anda akan belajar lebih banyak tentang CSS nanti di tutorial ini.
Warna Latar Belakang HTML

Properti warna latar belakang mendefinisikan warna latar belakang untuk elemen HTML:

Contoh ini mengatur latar belakang halaman ke lightgrey:
Contoh
<Body style = "background-color: lightgrey;">

<h1> Ini adalah judul </ h1>
<p> Ini adalah paragraf. </ p>

</ Body>
Warna Teks HTML

Properti warna mendefinisikan warna teks untuk elemen HTML:
Contoh
<h1 style = "color: blue;"> Ini adalah heading </ h1>
<p style = "color: red;"> Ini adalah paragraf. </ p>
Font HTML

Properti font-family mendefinisikan font yang akan digunakan untuk elemen HTML:
Contoh
<h1 style = "font-family: verdana;"> Ini adalah judul </ h1>
<p style = "font-family: courier;"> Ini adalah paragraf. </ p>
Ukuran Teks HTML

Properti ukuran font mendefinisikan ukuran teks untuk elemen HTML:
Contoh
<h1 style = "font-size: 300%;"> Ini adalah heading </ h1>
<p style = "font-size: 160%;"> Ini adalah paragraf. </ p>
Alignment Teks HTML

Properti text-align mendefinisikan pelurusan teks horizontal untuk elemen HTML:
Contoh
<h1 style = "text-align: center;"> Pusatkan Pos </ h1>
<p> Ini adalah paragraf. </ p>

Ringkasan

Gunakan atribut gaya untuk menata elemen HTML
Gunakan background-color untuk warna latar belakang
Gunakan warna untuk warna teks
Gunakan font-family untuk font teks
Gunakan ukuran font untuk ukuran teks
Gunakan text-align untuk alignment teks

KODELOVER

Atribut Style HTML

Ini Merah

Ini biru

Related Post