Fungsi border (Property CSS)

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


A. Pengenalan border (Property CSS)


CSS border merupakan properti yang digunakan untuk memberi garis pembatas.

B. Contoh Penggunaan border (Property CSS)


• Penggunaan border

Contoh:


<style>

.garisbatas {
border: solid;
}

</style>

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


Hasil:


Ini contoh kalimat.


C. Contoh Penerapan border


• Contoh Nomor 1


<p style="border: double;">Dua garis pembatas.</p>


Hasil:

Dua garis pembatas.


• Contoh Nomor 2


<p style="border: dotted;">Garis Titik - titik sebagai pembatas.</p>


Hasil:

Garis Titik - titik sebagai pembatas.


• Contoh Nomor 3


<style>

.garisbatas2 {
border: 5px solid;
}

</style>

<div class="garisbatas2">Satu garis batas dengan ketebalan 5 piksel.</div>


Hasil:


Satu garis batas dengan ketebalan 5 piksel.


• Contoh Nomor 4


<p style="border: dotted blue;">Garis Titik - titik sebagai pembatas dengan diberi warna biru.</p>


Hasil:

Garis Titik - titik sebagai pembatas dengan diberi warna biru.


• Contoh Nomor 5


<p style="border: 7px dotted blue;">Garis Titik - titik sebagai pembatas dengan diberi warna biru dan ketebalan 7 piksel.</p>


Hasil:

Garis Titik - titik sebagai pembatas dengan diberi warna biru dan ketebalan 7 piksel.

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.