padding-left
Properti CSS padding-kiri digunakan untuk menentukan lebar area kiri kotak padding elemen.
Artinya, properti ini menentukan area ruang yang diperlukan di sebelah kiri konten elemen, di dalam batas yang ditentukan.
Setiap elemen pada halaman web adalah persegi panjang.
Dan setiap elemen memiliki model kotak persegi panjang yang menggambarkan area yang di hasilkan untuk elemen, yaitu: content box, padding box, border-box, dan margin box.
Content box ada pada setiap elemen. Sedangkan padding, border, dan margin box merupakan opsional yang keberadaannya tergantung pada layout desain halaman web yang dibuat oleh web developer.
Model kotak elemen dalam CSS — termasuk area konten, padding, border, dan margin.
CSS Syntax
padding-left: length | initial | inherit;
JavaScript Syntax
object.style.paddingLeft="50px"
| Default value: | 0 |
|---|---|
| Inherited: | tidak |
| Animatable: | ya Read about animatable |
| Version: | CSS1 |
Attribute Value
default
padding-left: 0;
padding-left: 50px;
padding-left: 7em;
Kamu dapat menggunakan (r)em.
Nilai ini relatif terhadap ukuran font:
- em: relatif terhadap ukuran font elemen saat ini
- rem: relatif terhadap ukuran font elemen root
<html>
padding-left: 30%;
Kamu dapat menggunakan nilai persentase.
Persentase didasarkan pada lebar elemen.