Style

Atribut style digunakan untuk menambahkan 'gaya' pada elemen HTML, seperti warna, font, ukuran, dan lainnya.

Style Attribute

Pengaturan style suatu elemen HTML, dapat dilakukan dengan menambahkan atribut style dalam tag HTML.

Atribut HTML style memiliki sintaks berikut:

<tagname style="property:value;">

Background Color

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

<body style="background-color:powderblue;">


<h1>Ini Headig</h1>
<p>Ini Paragraf</p>


</body>
Try it

Memberi warna background pada dua elemen berbeda:

<body>


<h1 style="background-color:powderblue;">Ini Heading</h1>
<p style="background-color:tomato;">Ini Paragraf.</p>


</body>
Try it

Text Color

Properti CSS color mendefinisikan warna teks untuk elemen HTML:

<body>


<h1 style="color:blue;">Ini heading</h1>
<p style="color:red;">Ini paragraph.</p>
</body>
Try it

Fonts

Properti CSS font-family digunakan untuk menganti font yang akan digunakan pada text dalam elemen HTML:

<body>


<h1 style="font-family:verdana;">Ini heading</h1>
<p style="font-family:courier;">Ini paragraph.</p>
</body>
Try it

Text Size

Properti CSS font-size digunakan untuk memberi ukuran pada teks dalam element HTML:

<body>


<h1 style="font-size:300%;">Ini heading</h1>
<p style="font-size:160%;">Ini paragraph.</p>
</body>
Try it

Text Alignment

Properti CSS text-align digunakan untuk mengatur posisi teks secara horizontal dalam elemen HTML:

<body>
<h1 style="text-align:center;">Ini Heading</h1>
<p style="text-align:center;">Ini paragraph.</p>
</body>
Try it

Ringkasan

  • Gunakan style atribut untuk menata elemen HTML
  • Gunakan background-color untuk warna latar belakang
  • Gunakan color untuk warna teks
  • Gunakan font-family untuk font teks
  • Gunakan font-size untuk ukuran teks
  • Gunakan text-align untuk mengatur posisi teks secara horizontal