Anda di halaman 1dari 6

CSS

PADDING

Padding adalah Area transparan dalam kotak (antara content dan border).

Padding tidak bisa diberi nilai negative.

Satuan yang biasanya digunakan :

 Px
 %

Property padding antara lain :

 Padding-top : digunakan untuk mengatur padding bagian atas


 Padding-right : digunakan untuk mengatur padding bagian kanan
 Padding-buttom : digunakan untuk mengatur padding bagian bawah
 Padding-left : digunakan untuk mengatur padding bagian kiri
 Padding : shorthand yang digunakan untuk mengatur padding (Penggunaan padding hamper
sama seperti margin)
CSS

BORDER

Border adalah batas disekeliling content dan padding

Sintag css untuk border adalah sebagai berikut ini :

Border : width style color;

Dimana :

 Width : mengatur tebal garis border


 Style : mengatur jenis garis border
 Color : mengatur warna garis garis border

Adapun style dapat diisi dengan :

Property lain untuk border yaitu :

 Border-top : digunakan untuk mengatur Border bagian atas


 Border -right : digunakan untuk mengatur Border bagian kanan
 Border -buttom : digunakan untuk mengatur Border bagian bawah
 Border -left : digunakan untuk mengatur Border bagian kiri
CONTENT

Content adalah objek yang ada dalam box, bisa berupa teks atau gambar
css

Box sizing

Masalah :

Total width = width + padding + border

Total height = height + padding + border

Solusi :

Box sizing : adalah property css yang memungkinkan membuat ukuran box menjadi tetap.

Box-sizing : border-box
CSS

RESET

Css reset adalah teknik yang bisa membuat kita mengatur ulang nilai-nilai default dari elemen html,
khususnya padding dan margin.

Bisa diakses di :

https://meyerweb.com/eric/tools/css/reset/
CSS

FLOAT

Float merupakan property CSS untuk mngatue sebuah elemen. Sebuah elemen dapat dipaksa berada di
kiri atau kanan dari parent/pembungkusnya dengan menggunakan property ini.