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

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.