Mengenal Property Border Pada CSS

Erlangga Hidayatullah - Apa Itu Border Pada CSS & Fungsinya Untuk Apa?
Saya akan menjelaskan secara singkat, Border yaitu garis komponen untuk membatasi Content atau Selector tersebut. 


Border Style

Border Style
Lihat gambar di atas, nah itu sebuah Border dan style nya Solid. Type Style Border ada beberapa macam :

dotted

dashed

solid

double

groove

ridge

inset

outset

Cara menyisipkan Css border adalah :

Content{
border:
solid 3px black;
}

Atau jika ingin penulisannya secara singkat

Content{
border-style:solid;
border-size:3px;
border-color:black;
}


Yang di beri warna Merah " Solid ", itu style border yang disisipkan. Jika ingin mengganti dengan border style lainnya silahkan di ubah " Solid " dengan style border lainnya

Border Color

Border Color adalah untuk memberi warna Border.

Cara Penulisan Border Color :

Content{
border:solid 3px
black;
}

Atau jika ingin penulisannya secara singkat

Content{
border-style:solid;
border-size:3px;
border-color:black;
}


Yang di beri warna Hitam " Black ", itu adalah value untuk mengganti warna pada border, bisa di ubah dengan kode warna lain.

Border Width

Border Width

Border Width adalah properti untuk mentebalkan garis Border.

Cara Penulisan Border Color :

Content{
border:solid 
3px black;
}

Atau jika ingin penulisannya secara singkat

Content{
border-style:solid;
border-size:3px;
border-color:black;
}


Yang di beri warna  Hitam " 3px ", itu adalah value untuk mentebalkan garis border.



Sekian semoga dapat di mengerti Belajar Css kali ini dan terima kasih 
Salam Blogger Newbie ...

Mengenal Property Margin Dan Padding Pada CSS

Margin
Erlangga Hidayatullah - Saya sekarang ingin melanjutkan artikel tentang CSS bagian Property, yaitu Margin Dan Padding, sudah tak asing lagi Margin dan Padding ini di mata Devolever CSS.

Margin


Margin

Margin
yaitu
 jarak area di sekitar sebuah elemen (luar perbatasan). Margin tidak memiliki warna latar belakang, atau transparan
Bagian Atas , Bawah , Kiri, Kanan. Bisa di ubah Secara Indipenden Atau Bebas Menggunakan Properti Terpisah. 
Value Pada Margin Ada Empat :


NilaiKeterangan
autoUntuk Membuat Margin Seperti Default
lengthMenentukan margin di pxptcmdll Nilai default adalah 0px
%Sama Fungsinya Seperti Px Pt Cm DLL.
Penulisan Pada Margin

Element { 
margin-top: 15px;
margin-bottom: 15px;
margin-right: 10px;
margin-left: 10px;
}

margin-top : Memberi Jarak 15px Bagian Atas
margin-bottom : 
Memberi Jarak 15px Bagian Bawah
margin-right : 
Memberi Jarak 10px Bagian Kanan
margin-left : 
Memberi Jarak 10px

Penulisan Margin Dengan Cara Singkat

Element {
margin:15px 10px 15px 10px;
}

Yang Di Beri Warna Merah Itu Mengatur Margin Bagian ATAS
Yang Di Beri Warna Biru Itu Mengatur Margin Bagian KIRI
Yang Di Beri Warna Ungu Itu Mengatur Margin Bagian BAWAH
Yang Di Beri Warna Pink Itu Mengatur Margin Bagian KANAN

Penulisan Margin Sangat Singkat

Element {
margin: 15px 10px;
}

Value 15px Itu Mengatur Margin Atas Dan Bawah
Value 10px Itu Mengatur Margin Kiri Dan Kanan

Jika Margin sudah mengerti, kita lanjut ke Padding

Padding


Padding

Padding berfungsi untuk mengatur jarak atau memperlebar kotak atau sebuah element. Contohnya seperti gambar di atas

ValueDescription
lengthMendefinisikan padding tetap (dalam pixel, ptemdll)
%Mendefinisikan padding di % dari elemen yang mengandung
Cara Penulisannya Padding Sama Seperti Margin

Element { 
padding-top: 15px;
padding-bottom: 15px;
padding-right: 10px;
padding-left: 10px;
}

padding-top : Mengatur Margin Bagian Atas
padding-bottom : Mengatur Margin Bagian Bawah
padding-right : Mengatur Margin Bagian Kanan
padding-left : Mengatur Margin Bagian Kiri

Untuk Penulisan Secara Singkatnya 

Element {
padding:15px 10px 15px 10px;
}
Yang Di Beri Warna Merah Itu Mengatur Padding Bagian ATAS
Yang Di Beri Warna Biru Itu Mengatur Padding Bagian KIRI
Yang Di Beri Warna Ungu Itu Mengatur Padding Bagian BAWAH
Yang Di Beri Warna Pink Itu Mengatur Padding Bagian KANAN

Untuk Penulisan Lebih Singkat

Element {
padding: 10px 50px;
}

Yang Ber Value 10px Itu Mengatur Margin Atas Dan Bawah
Yang Ber Value 50px Itu Mengatur Margin Kiri Dan Kanan

Jika kalian sudah mengerti tentang Property Css Padding dan Margin, tunggu artikel selanjutnya di blog ini.
Sekian semoga artikel ini menambah wawasan anda, dan terima kasih
Salam Blogger Newbie ...

Free Download YAC ( Yet Another Cleaner )

YAC

Erlangga Hidayatullah - Hai, jumpa lagi sama saya, kali ini saya ingin berbagi Sofware yang paling saya suka di Pc saya. Sofware ini yaitu YAC pasti ada yang belum tau kegunaanya.

YAC
adalah 
Sofware yang multi talenta, yang bisa Scan komputer anda seperti antivirus, Membersihkan file sampah yang ada di komputer atau laptop anda, Menutup paksa sofware yang berjalan seperti task manager, Test speed internet, fresh Pc anda, Bisa unistall sofware dengan cepat dan sampai ke akar akarnya. DLL




Detail Sofware
NamaYac ( Yet Another Cleaner )
Author LinkErlangga Hidayatullah
Size11.89 MB
Versi-
Upload ByErlangga Hidayatullah
Operating SystemWindows Xp , Windows 7 , Windows 8 , Windows Vista


Link Download



Untuk Cara Install Sofware YAC Sudah Saya Tulis Di Dalam Notepad, Dan Link Blog Nya Di Dalam Notepad Nya Itu Link Blog Pertama Saya. Dan Saya Pindah Blog
Untuk Menampilkan Fresh PC, Speed Test Internet, Tombol Tutup Paksa Seperti Task Manager. DLL :

1. Buka YAC

2. Cari Settings Yang Ada Di Bawah Kalau Gak Salah Ada Di Deket DONATE
3. Klik Floating Window

4. Dan Centang Yang  Show ( Automatically Hide On Full Screen , Game , Video ) 


Sekian Semoga Sofware Ini Bermanfaat Bagi Pc Atau Laptop Anda Dan Terima Kasih
Salam Blogger Newbie ...

Free Download CCleaner Pro Terbaru V4.16 + Crack

CCleaner

Erlangga Hidayatullah - Artikel sebelumnya saya post tentang Cara Ping Artikel Terbaru Blog Agar Cepat Terindeks Oleh Google. Dan sekarang saya ingin berbagi Sofware pembersih file sampah yang ngangur.

Sofware Ini Berfungsi Untuk Membersihkan File Sampah Seperti Cookie, Cache, History Dan Lain Sebagainya ...
Sofware Ini Bisa Unistall Sofware Yang Membandel. 







Detail Sofware
NamaCcleaner Pro Terbaru 2014 + Crack
Author LinkErlangga Hidayatullah
Size5.1 MB
VersiV4.16
Upload ByErlangga Hidayatullah
Operating SystemWindows Xp , Windows 7 , Windows 8 , Windows Vista


Link Download

Untuk Cara Install Sofware CCleaner Dan Untuk Nge PROinya Sudah Di Satukan Ke Dalam Satu File RAR.

Sekian Semoga Artikel Tengah Malam Ini Bermanfaat Dan Terima Kasih
Salam Blogger Newbie ...