Style HTML

Atribut style HTML digunakan untuk menambahkan style ke elemen, seperti warna, font, ukuran, dan lainnya.

Atribut Style HTML

Pengaturan style sebuah elemen HTML, bisa dilakukan dengan atribut style.

Atribut style HTML memiliki sintaks berikut:

<namatag style ="properti: nilai;">

Properti tersebut adalah properti CSS. Nilainya adalah nilai CSS.

Properti background-color CSS menentukan warna latar belakang untuk elemen HTML.

Contoh

Membuat warna latar belakang untuk halaman menjadi powderblue:

<body style ="background-color: powderblue;">
<h1>Ini adalah sebuah heading</h1>
<p>Ini adalah paragraf.</p>
</body>

Properti color CSS menentukan warna teks untuk elemen HTML.

Contoh

<h1 style ="color: blue;">Ini adalah heading</h1>
<p style ="color: red;">Ini adalah paragraf.</p>

Properti font-family CSS mendefinisikan font yang akan digunakan untuk elemen HTML.

Contoh

<h1 style ="font-family: verdana;">Ini adalah heading</h1>
<p style ="font-family: courier;">Ini adalah paragraf.</p>

Properti font-size CSS 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>

Properti text-align CSS mendefinisikan perataan teks horizontal untuk elemen HTML.

Contoh

<h1 style ="text-align: center;">Heading Tengah</h1>
<p style ="text-align: center;">Paragraf tengah.</p>

Sumber referensi: w3schools