padding-right
Properti CSS padding-right digunakan untuk menentukan lebar area kanan kotak padding elemen.
Artinya, properti ini menentukan area ruang yang diperlukan di sebelah kanan 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-right: length | initial | inherit;
JavaScript Syntax
object.style.paddingRight="50px"
| Default value: | 0 |
|---|---|
| Inherited: | tidak |
| Animatable: | ya Read about animatable |
| Version: | CSS1 |
Attribute Value
default
padding-right: 0;
padding-right: 50px;
padding-right: 7em;
Kamu dapat menggunakan nilai (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-right: 30%;
Kamu dapat menggunakan nilai persentase.
Persentase didasarkan pada lebar elemen.