Properti color CSS

Definisi dan penggunaan

Atribut color menetapkan warna teks.

Atribut ini menata warna latar belakang suatu elemen (dalam ekspresi HTML, warna teks elemen); gambar raster tidak dipengaruhi oleh color. Warna ini juga akan diterapkan ke seluruh garis batas elemen, kecuali jika diganti oleh border-color atau atribut warna batas lainnya.

Paling mudah cara untuk menata warna latar belakang suatu elemen adalah menggunakan atribut color.

Lihat pula:

Panduan pelajaran CSS:Teks CSS

Panduan referensi DOM HTML:Atribut color

Contoh

Atur warna teks untuk elemen yang berbeda:

body
  {
  color:red;
  }
h1
  {
  color:#00ff00;
  }
p
  {
  color:rgb(0,0,255);
  }

Coba sendiri

Petunjuk dan catatan

Petunjuk:Petunjuk: gunakan kombinasi warna latar dan teks yang masuk akal untuk meningkatkan keterbacaan teks.

Syarat CSS

color: color|initial|inherit;

Nilai atribut

Nilai Deskripsi
color_name Ditetapkan warna dengan nama warna (contoh: red).
hex_number Ditetapkan warna dengan nilai heksadesimal (contoh: #ff0000).
rgb_number Ditetapkan warna dengan kode rgb (contoh: rgb(255,0,0)).
inherit Ditetapkan bahwa warna harus diwariskan dari elemen induk.

Detil teknis

Nilai standar: tidak disebutkan
Inheritsi: yes
Versi: CSS1
Syarat Bahasa JavaScript: object.style.color="#FF0000"

Beberapa contoh lainnya

Atur warna teks
Contoh ini menunjukkan bagaimana menata warna teks.

Dukungan peramban

Angka di tabel menunjukkan versi pertama peramban yang mendukung sifat ini penuh.

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5