Macam-macam Border (Full Code)

border adalah salah satu property css, border memiliki fungsi untuk memberi batas/garis(seperti) pada suatu bidang/box/tag html. Garis atau batas ini bisa kita tentukan bentuk/tampilan atau stylenya, seperti warna, ketebalan, serta style/gaya.

berikut ini adalah macam-macam border untuk Box,Blockquote,Pinggiran Widget anda :

border-style: solid;

border-style: dotted;

border-style: dashed;

border-style: inset;

border-style: outset;

border-style: double;

border-style: groove;

border-style: ridge;

border-style: none;

Cara Gunakannya Gimana ?
tambahkan saja kode ini pada Css anda
border : 2px <b>solid</b> #000000

Kalo Untuk Postingan ?
Nah kalau untuk di postingan silahkan tambahkan kode berikut :

<div style="-moz-background-inline-policy: -moz-initial; background: transparent; border: 2px Dotted #000000; padding: 4px; text-align: center;">Teks ketik disini !!!!</div> 

Nb : Anda dapat merubah kode diatas sesuai keinginan
        -Ubah kata "tesk ketik disini" dengan kata yang anda inginkan
        -Ubah "dotted" dengan type border yang diinginkan *lihat macam-macam type border diatas ^
        -Border ( ubah ukuran ketebalan garis dengan menambahkan atau mengurangi px border)
        -Background (ganti transparent sesuai warna background yang diinginkan contoh *blue*)
       
Silahkan buka bagian Edit HTML dan pastekan kode diatas di bagian Edit HTML.Untuk lebih jelasnya liat gambar berikut :



Sumber : berbagai sumber