Cara Membuat Tentang CSS Border

Beberapa 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.