Mengenal Border Dan Cara Penggunaanya - CSS

Oleh Unknown

Senin, 25 Agustus 2014

Bagikan :

Tweet

Assalamualaikum.wr.wb

Pada Tutotrial Css Sebelumnya Saya Post Mengenal Margin & Padding Dan Cara Penggunaanya

Saya Sekarang Ingin Post Apa Itu Border Dalam Css ?? Fungsinya Untuk Apa ??
Border Yaitu Garis Tepi Dari Komponen
Dan Fungsinya Untuk Membatasi Content Tersebut Dengan Border ...

Border Style

Border Yang Gambar Di Atas Itu Stylenya SOLID, Dan Style Border Ada Banyak :

dotted

dashed

solid

double

groove

ridge

inset

outset

Yang Sering Di Pakai Oleh Devolver Css Yang Saya Liat Di Web - Web Adalah Solid , Double Dashed Dan Dotted, Pixel Di Atas 1px

Cara Menyisipkannya Gimana

Content{
border:solid 3px red
}

Atau

Content {
border-style:solid;
border-width:3px;
border-color:red }

Yang Di Beri Warna Mereh Ganti Dengan Style Border Di Atas.

Border Color

Kita Lanjut Ke Border Color ... Pasti Udah Tau Kan Apa Itu Color Ingat Bukan Color Bah Idi :D Color Yaitu Warna ( Nini Lehoan Oge Apalen ).
Cara Menyisipkan Border Color Ini Gimana ??

Ada 2 Cara Menyisipkan Properti Dan Value Border-Color Ini

Cara Ke Satu

Content{
border:solid 3px green;
}

Cara Ke Dua

Content{
border-style:solid;
border-width:3px;
border-color:green;
}


Ganti Yang Di Beri Warna Hijau Atau Kata Green Dengan Warna Atau Kode Warna Sesukamu

Kok Ada Kata Kode Warna Itu Seperti Apa ??
Misal Warna Hitam Kode Warnya #000 Jika Ingin Mencari Kode Warna Silahkan Di Cari Di Google Atau Di Lihat Di Sini

Border Width

B

Border Width Yaitu Properti Untuk Mentebalkan Border. Cara Penulisanya Sama Seperti Border-color
Beginong :

Cara Ke Satu

Content{
border:solid 5px red
}

Atau

Cara Ke Dua

Content{
border-style:solid;
border-width:5px;
border-color:red;
}

Cara Ke Satu : Yg Di Beri Warna Merah Itu Bagian Dari Border-Width Nah Silahkan Ubah Value Tersebut Sesuka Mu

Itulah Setau Saya Tentang Border Dalam Css, Jika Belum Ngerti Silahkan Bertanya Di Komentar Dan Tunggu Belajar Css Selanjutnya Di Blog Ini
Sekian Dan Terima Kasih
Wassalamualaikum.wr.wb

Tag : Belajar Css