Cara Membuat Tentang CSS Border

Cara Membuat Tentang CSS BorderBeberapa properti dalam membuat sebuah border sudah saya buat dalam tabel, border adalah garis pembatas,dengan beberapa cara kita bisa membuat border dengan berbagai jenis dan hanya menggunakan 3 elemen penting yaitu border-width,border-style dan border-color. kali ini yang akan saya berikan hanya sample standar saja,berikut properti yang akan kita gunakan dalam pembuatan border.
Border Properti
tabel berikut properti yang biasa di pakai dalam membuat border:
Border-width Border-Style Border-Color
4px solid red
4px dotted red
4px dashed red
4px double red
4px groove red
4px inset red
4px outset red
4px hidden red
catatan : ukuran(border-width) dan warna(border-color) itu hanya contoh,dan anda bisa berkreasi sendiri dengan menggantinya sesuai ke inginan.
Sample:

border dengan style 'solid'.

border dengan style 'dotted'.

border dengan style 'dashed'.

border dengan style 'double'.

border dengan style 'groove'.

border dengan style 'ridge'.

border dengan style 'inset'.

border dengan style 'outset'.

border dengan style 'hidden'.

Dan berikut properti jika ingin merubah ukuran(border-width), warna(border-color) dan gaya(border-style) pada tiap sisi yang berbeda..
Properti Terbuka
  • border-bottom-color
  • border-bottom-style
  • border-bottom-width
  • border-left-color
  • border-left-style
  • border-left-width
  • border-right-color
  • border-right-style
  • border-right-width
  • border-top-color
  • border-top-style
  • border-top-width
Sample:

text dalam style "variasi border"

hanya itu saja yang bisa saya berikan dari beberapa properti yang bisa kita gunakan cara membuat border. semoga bermanfaat.

1 comments:

Perhatian !! Komentar Pada Bulan September 2012 belum bisa di balas.
di karenakan semua admin sedang sibuk dengan urusan kulliahnya.
semoga setelah akhir bulan artikel dan komentar akan segera di update.


terima kasih atas perhatiannya sekali lagi kami minta maaf yang sebesar-besarnya.

 
loading...
Top