Kode CSS BORDER style ~ Tutorial Kewez

Kode CSS BORDER style - Border merupakan suatu garis batas yang dapat digunakan untuk memisahkan beberapa konten atau elemen . Selain sebagai batas, border juga dapat digunakan untuk memperindah tampilan pada suatu desain template blog . Dengan adanya penggunaan border pada template atau sebuah posting artikel , diharapkan dapat membantu pengunjung atau pembaca dalam membedakan antara konten atau elemen yang satu dengan yang lainnya .

Dalam kesempatan kali ini saya ingin berbagi dengan Sobat , tentang beberapa gaya atau border style yang mungkin dapat sedikit menambah wawasan Sobat . Berikut beberapa jenis gaya atau border style yang dapat Anda terapkan dalam melakukan posting artikel blog atau dapat juga untuk menghiasi template blog Anda :

Kode
none = Tidak menggunakan border .
hidden = Hampir sama dengan kode "none" .
dotted = Tipe border menggunakan titik-titik atau dot .
dashed = Tipe border putus-putus .
solid = Tipe border garis lurus .
double = Tipe border lebih dari satu garis lurus .
groove = Tipe border 3D beralur .
ridge = Tipe border 3D bergerigi .
inset = Tipe border 3D batas dalam .
outset => Tipe border 3D batas luar .
inherit = Menentukan bahwa gaya perbatasan harus diwarisi dari elemen induk .

Kode penulisan border style dalam css :

Contoh :

Tulis sesuatu atau masukkan kode

Kode Penulisan :

<div style="border:3px solid #ccc;">
Tulis sesuatu atau masukkan kode
</div>

Keterangan :

3px adalah ukuran yang digunakan .

Solid adalah style atau gaya untuk border .

#ccc adalah kode warna untuk border .

none

hidden

dotted

dashed

solid

double

groove

ridge

inset

outset

inherit

Selamat Mencoba
Baca juga Mendaftar ke Digg.com dan Cara Submit Blog ke Digg.com .

Terima kasih telah membaca artikel tentang Kode CSS BORDER style di blog Tutorial Kewez jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Tutorial Kewez

Kode CSS BORDER style

Artikel terbaru :

Followers

IKUTI KAMI