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

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

Gunakan kata - kata yang sopan untuk mengomentar dan mengkritik.

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