Properti border-top CSS

Definisi dan penggunaan

Atribut singkat border-top menetapkan semua atribut garis atas ke dalam satu deklarasi.

Dapat disetel berurutan seperti berikut atribut:

Jika salah satu nilai tidak disetel, hal itu tidak akan mengakibatkan masalah, seperti border-top:solid #ff0000; juga diizinkan.

Lihat pula:

Panduan CSS:Batas CSS

Panduan Referensi HTML DOM:Atribut borderTop

Contoh

Atur gaya garis atas:

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

Coba sendiri

Syntaks CSS

border-top: border-width border-style border-color|initial|inherit;

Nilai atribut

Nilai Deskripsi
border-top-width Diatur lebar garis atas. Lihat:border-top-width yang mungkin di dalamnya.
border-top-style Diatur gaya garis atas. Lihat:border-top-style yang mungkin di dalamnya.
border-top-color Diatur warna garis atas. Lihat:border-top-color yang mungkin di dalamnya.
inherit Diatur untuk menerima pengaturan atribut border-top dari elemen induk.

Detil teknis

Nilai standar: tidak disebutkan
Inheritsi: no
Versi: CSS1
Syntaks JavaScript: object.style.borderTop="3px solid blue"

Beberapa contoh lain

Semua atribut garis atas di dalam satu deklarasi
Contoh ini menunjukkan bagaimana untuk menggunakan atribut singkat untuk menetapkan semua atribut garis atas di dalam deklarasi yang sama.

Dukungan peramban

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

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

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