Fungsi border-color (Property CSS)

BERANDA > FUNGSI DAN KEGUNAAN PROPERTI CSS > Fungsi border-color (Property CSS)


A. Pengenalan border-color (Property CSS)


CSS border-color merupakan properti yang digunakan untuk memberi warna garis pembatas.

B. Contoh Penggunaan border-color (Property CSS)


• Penggunaan border-color

Contoh:


<style>

.garisbatas {
border: solid; border-color: red;
}

</style>

<div class="garisbatas">Ini contoh kalimat.</div>


Hasil:


Ini contoh kalimat.


C. Contoh Penerapan border-color


• Contoh Nomor 1


<p style="border: double;border-color:blue red;">Dua garis pembatas.</p>


Hasil:

Dua garis pembatas.


Keterangan: untuk pewarnaan secara khusus yaitu border-color:(atas-bawah) (kanan-kiri);.

• Contoh Nomor 2


<p style="border: dotted;border-color:blue red green;">Dua garis pembatas.</p>


Hasil:

Dua garis pembatas.


Keterangan: untuk pewarnaan secara khusus yaitu border-color:(atas) (kanan-kiri) (bawah);.

• Contoh Nomor 3


<p style="border: solid;border-color:blue red green yellow;">Contoh kalimat.</p>


Hasil:

Contoh kalimat.


Keterangan: untuk pewarnaan secara khusus yaitu border-color:(atas) (kanan) (bawah) (kiri);.

Tidak ada komentar:

Posting Komentar

Gunakan kata - kata yang sopan untuk mengomentar dan mengkritik.

Jangan lupa memberikan saran dan laporan bila terdapat sesuatu yang ingin kamu sampaikan.

Katakan bila ingin ada materi atau pembahasan yang ingin ditambahkan atau yang kurang lengkap.