CSS : Color

CSS

Properti warna CSS mendefinisikan warna foreground untuk sebuah elemen.

Mengatur Color Property

Color property biasanya mendefinisikan warna dari konten text dari sebuah elemen.

Misalnya, color property dalam body selector mengartikan warna default semua teks di halaman web tersebut.

body {
    color: #000000;
}

Warna dalam CSS biasanya sering menggunakan metode berikut:

  • HEX value – seperti “#ff0000”
  • RGB value – seperti “rgb(255,0,0)”
  • Color name – seperti “red”

Pengaruh Color Property Pada Border dan Outline

Color property tidak hanya untuk teks konten, tetapi untuk apa pun di latar depan yang menggunakan color value. Misalnya, jika color value border atau warna outline pada suatu elemen belum ditentukan maka sebagai gantinya color value akan digunakan. Berikut contoh kodenya:

p.one {
    color: #0000ff;
    border: 2px solid;
}
p.two {
    color: #00ff00;
    outline: 2px solid;
}