Sekarang ini kita akan belajar mengenai Atribut Style pada HTML.
Atribut Style Pada HTML
<tagname style='property:value'>Konten</tagname>
Penting yang dimaksud property didalam atribut style tersebut adalah CSS (Cascading Style Sheet), untuk mengetahui lebih lengkap mengenai CSS Property kalian dapat menuju link ini https://www.w3schools.com/css/default.asp
Warna Background / Latar Belakang
Sebagai contoh disini kita akan mengubah warna latar belakang pada halaman Web menjadi warna Powderblue :
See the Pen CSS Property – Background by Rahman (@rahmannur19) on CodePen.
Mengubah warna latar belakang teks di elemen HTML :
See the Pen CSS Property – Background Teks by Rahman (@rahmannur19) on CodePen.
Warna Teks
See the Pen CSS Property – Color by Rahman (@rahmannur19) on CodePen.
Jenis Font
See the Pen CSS Property – Font Family by Rahman (@rahmannur19) on CodePen.
Ukuran Teks
See the Pen CSS Property – Font Size by Rahman (@rahmannur19) on CodePen.
Perataan Teks
See the Pen CSS Property – Text Align by Rahman (@rahmannur19) on CodePen.
Rangkuman
- Gunakan atribut style untuk menata elemen HTML.
- Gunakan atribut background-color untuk menggubah warna latar belakang.
- Gunakan atribut color untuk mengubah warna teks.
- Gunakan atribut font-family untuk mengubah jenis font.
- Gunakan atribut font-size untuk mengubah ukuran teks.
- Gunakan atribut text-align untuk mengatur perataan teks.