CSS border-top-color 属性

Definisi dan penggunaan

border-top-color mengatur warna garis atas elemen.

Hanya dapat menentukan warna tunggal, dan garis hanya muncul saat gaya garis adalah nilai yang bukan none atau hidden.

Keterangan:Harap selalu mengumumkan atribut border-style sebelum atribut border-color. Elemen harus mendapatkan garis sebelum warna diubah.

Lihat juga:

Panduan Tutorial CSS:Kereta 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

Sintaks CSS

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

Nilai atribut

Nilai atribut

Nilai Deskripsi
color_name Ditetapkan warna garis yang berdasarkan nama warna (contohnya red).
hex_number Ditetapkan warna garis yang berdasarkan nilai heksadesimal (contohnya #ff0000).
rgb_number Ditetapkan warna garis yang berdasarkan kode rgb (contohnya rgb(255,0,0)).
transparent Nilai default. Warna garis transparen.
inherit Ditetapkan bahwa warna garis harus diwariskan dari elemen induk.

Detil teknis

Nilai default: tidak dispecifikasikan
Inheritsi: no
Versi: CSS1
Sintaks JavaScript: object.style.borderTopColor="blue"

Contoh lainnya

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

Dukungan peramban

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini sepenuhnya.

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

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

Keterangan:Peramban Internet Explorer 7 dan versi sebelumnya tidak mendukung nilai "inherit". Internet Explorer 8 memerlukan !DOCTYPE. Internet Explorer 9 mendukung "inherit".