HTML Style

Style digunakan untuk mengatur bagaimana dokumen sebuah halaman web akan ditampilkan kepada pengunjung. Dengan style, kamu bisa mengatur warna font, ukuran font, jenis font, perataan paragraft dan lain sebagainya.

Contoh:

<p style="color: red;">Teks paragraft merah</p>
<p style="color: blue;">Teks paragraft biru</p>
<p style="font-size: 30px;">Teks paragraft besar</p>

Mengatur HTML Style hanya perlu menambahkan atribut style pada tag elemen HTML.
Style dalam html dapat diatur dengan sintak:
<namatag style="properti: nilai;">

Warna Latar Belakang

Warna latar belakang dalam HTML Style dibuat dengan properti background-color atau background, yang berisi nilai warna berupa nama (dalam Bahasa Inggris), Warna Hexa, Warna RGB, dan masih banyak format warna yang bisa digunakan.

Contoh:

<p style="background-color: yellow;">Paragraft latar belakang kuning</p>
<p style="background: red;">Paragraft latar belakang merah</p>

Warna Teks

Warna teks dalam HTML Style ditulis dengan properti color, yang berisi nilai warna yang juga sama dengan background. Itu berarti warna teks juga mendukung nilai warna berupa nama (dalam Bahasa Inggris), Warna Hexa, Warna RGB, dan masih banyak format warna yang bisa digunakan.

Contoh:

<p style="color: red;">Paragraft teks merah</p>
<p style="color: blue;">Paragraft teks biru</p>

Font Family

Font Family digunakan untuk mengatur jenis font dalam sebuah halaman dokumen. Dalam HTML Style, kamu hanya perlu menambahkan properti font-family.

Contoh:

<p style="font-family: Arial;">Font Arial</p>
<p style="font-family: Courier;">Font Courier</p>

Ukuran Teks

Dalam html, kamu juga bisa mengatur ukuran teks dalam nilai satuan persen (%), piksel (px), dan satuan-satuan lainnya. Ukuran teks ditulis dalam properti font-size yang dikuti dengan nilai dan satuan.

Contoh:

<p style="font-size: 30px;">Teks 30 piksel</p>
<p style="font-size: 150%;">Teks 150 persen</p>
<p style="font-size: 4em;">Teks berukuran 4 kali induk teks</p>

Perataan

Perataan atau bisa disebut alignmen/alignment dalam html digunakan untuk mengatur gaya teks dari elemen. Perataan ini ditulis dengan properti text-align yang diikuti nilai (left, center, right, atau justify).

Contoh:

<p style="text-align: left;">Teks rata kiri</p>
<p style="text-align: center;">Teks rata tengah</p>
<p style="text-align: right;">Teks rata kanan</p>
<p style="text-align: justify;">Teks rata kanan dan kiri</p>

Perataan atau align hanya dapat digunakan ketika sebuah elemen html berbentuk block (display: block).

Kombinasi Properti

Kamu dapat mengkombinasi properti dalam style ini yang mana setiap properti diikuti nilai dan dipisahkan dengan titik-koma ;.

Contoh:

<p style="font-size: 25px; font-family: Arial; background: blue; color: white;">Paragraft style kombinasi</p>