Properti border-top-color CSS

Definisi dan penggunaan

border-top-color mengatur warna garis atas elemen.

Hanya dapat mendefinisikan warna asli, dan hanya muncul garis jika gaya garis adalah nilai yang bukan none atau hidden.

Keterangan:Selalu perkenalkan atribut border-style sebelum atribut border-color. Elemen harus mendapatkan garis sebelum mengubah warna.

Lihat pula:

Panduan Pelajaran CSS:Batas CSS

Panduan Referensi CSS:Atribut BorderLayoutTop

Panduan Referensi DOM HTML:Atribut BorderLayoutColor

Contoh

Atur warna garis atas:

p
  {
  border-style:solid;
  border-top-color:#ff0000;
  }

Coba sendiri

Grammar CSS

border-top-color: color|transparent|initial|inherit;

Nilai atribut

Nilai atribut

Nilai Deskripsi
color_name Diatur warna garis yang berisi nama warna (contoh red).
hex_number Diatur warna garis yang berisi nilai heksadesimal (contoh #ff0000).
rgb_number Diatur warna garis yang berisi kode rgb (contoh rgb(255,0,0)).
transparent Nilai default. Warna garis transparen.
inherit Diatur agar warna garis diwariskan dari elemen induk.

Detil teknis

Nilai default: tidak disebutkan
Inheritsi: tidak
Versi: CSS1
Grammar JavaScript: object.style.borderTopColor="blue"

Contoh lebih banyak

Atur warna garis atas
Contoh ini menunjukkan bagaimana mengatur warna garis atas.

Dukungan peramban

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

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

Keterangan:Peramban Internet Explorer 6 (dan versi yang lebih awal) tidak mendukung nilai atribut "transparent".

Keterangan:Peramban Internet Explorer 7 dan versi yang lebih awal tidak mendukung nilai "inherit". IE8 memerlukan !DOCTYPE. IE9 mendukung "inherit".