Padding, Margin Dan Border pada CSS

안녕하세요 친구들✌(✿◠‿◠)....

 

Sering kita melihat kata Padding, Margin dan, Border pada CCS yang di gunakan sebagai pengukuran dasar pada CCS.

PADDING : Menetukan jarak komponen body ke border atau ukuran jarak bagian dalam.

MARGIN : Ukuran jarak bagian luar atau ukuran jarak sesudah border

BORDER : Garis tepi dari Komponen

Penulisan CSS Untuk Padding Adalah padding:5px 5px 5px 5px; Urutan Penggunaan Ukurannya Adalah Mulai Dari Yang Paling Depan Yaitu Atas, Kanan Bawah, Kiri. Atau Jika Sobat Ingin Memecahnya Menjadi Bagian Yang Lebih Spesifik Yaitu :

• padding-top:5px; ~ Digunakan Untuk Padding Bagian Atas
• padding-right:5px; ~ Digunakan Untuk Padding Bagian Kanan
• padding-bottom:5px; ~ Digunakan Untuk Padding Bagian Bawah
• padding-left:5px; ~ Digunakan Untuk Padding Bagian Kiri

Penulisan CSS Untuk Margin Adalah margin:5px 5px 5px 5px; Urutan Penggunaan Ukurannya Adalah Mulai Dari Yang Paling Depan Yaitu Atas, Kanan Bawah, Kiri. Atau Jika Sobat Ingin Memecahnya Menjadi Bagian Yang Lebih Spesifik Yaitu :

• margin-top:5px; ~ Digunakan Untuk Margin Bagian Atas
•  margin-right:5px; ~ Digunakan Untuk Margin Bagian Kanan
• margin-bottom:5px; ~ Digunakan Untuk Margin Bagian Bawah
• marg-left:5px; ~ Digunakan Untuk Margin Bagian Kiri

 

Penulisan CSS Untuk Border Adalah border:3px solid #666666 . Dari 3 Komponen Border Tersebut Berikut Penjelasannya :

• border:3px ~ Merupakan Ukuran Ketebalan Dari Border Tersebut (border-width)
• solid ~ Merupakan Jenis Style Dari Border Tersebut (border-style)
• #666666 ~ Merupakan Warna Dari Border Tersebut (border-color)

• Example_border di sini

<div style="-moz-box-shadow: 0 0 18px #40FF1F; -webkit-box-shadow: 0 0 18px #FF3399; border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; border: 2px dashed #990066; Padding: 5px;">
<center>
</center>
text here
</div>