CSS border-top 属性

Definisi dan penggunaan

Properti singkat border-top mengatur semua properti border atas ke dalam klaim yang sama.

Dapat disetel berurutan seperti berikut properti:

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

Lihat juga:

Panduan Pelajaran CSS:Pinggir CSS

Panduan Referensi HTML DOM:Properti borderTop

Contoh

Atur gaya border atas:

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

Coba sendiri

Syarat CSS

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

Nilai properti

Nilai Deskripsi
border-top-width Ditetapkan lebar border atas. Lihat:border-top-width nilai yang mungkin di dalamnya.
border-top-style Ditetapkan gaya border atas. Lihat:border-top-style nilai yang mungkin di dalamnya.
border-top-color Ditetapkan warna border atas. Lihat:border-top-color nilai yang mungkin di dalamnya.
inherit Ditetapkan supaya properti border-top diwarisi dari elemen induk.

Detil Teknologi

Nilai Default: tidak disebutkan
Inheritsi: tidak
Versi: CSS1
Syarat Bahasa JavaScript: object.style.borderTop="3px solid blue"

Contoh lebih banyak

Semua properti border atas di dalam klaim yang sama
Contoh ini menunjukkan bagaimana menggunaan properti singkat untuk menetapkan semua properti border atas di dalam klaim yang sama.

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung properti ini penuh.

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

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