Atribut padding-top CSS
- Halaman sebelumnya padding-right
- Halaman Berikutnya @page
Definisi dan penggunaan
Properti paddingTop menetapkan jarak atas internal elemen (ruang).
Keterangan
Properti ini menetapkan lebar jarak atas internal elemen. Jarak atas internal yang diatur di elemen non-ganti inline tidak akan mempengaruhi perhitungan tinggi baris, jadi, jika elemen ini memiliki padding dan latar belakang, dari sudut pandang visual dapat meluas ke baris lain, dan mungkin akan berhubungan dengan konten lain. Tidak diizinkan untuk menentukan nilai padding dalam negatif.
Komentar:Tidak diizinkan untuk menggunakan nilai negatif.
Lihat pula:
Panduan CSS:Padding dalam CSS
Panduan referensi HTML DOM:Properti paddingTop
Contoh
Atur jarak atas internal elemen p:
p { padding-top:2cm; }
(Beberapa contoh lain dapat ditemukan di bawah halaman ini)
Syarat CSS
padding-top: length|initial|inherit;
Nilai properti
Nilai | Deskripsi |
---|---|
length | Diatur nilai jarak atas internal tetap dengan satuan yang spesifik, seperti piksel, sentimeter, dll. Nilai standar adalah 0px. |
% | Definisi jarak atas internal berdasarkan lebar elemen induk. Nilai ini tidak akan beroperasi seperti yang diharapkan di semua browser. |
inherit | Diatur untuk menerima jarak atas internal dari elemen induk. |
Detil teknis
Nilai standar: | 0 |
---|---|
Inheritance: | no |
Versi: | CSS1 |
Syarat JavaScript: | object.style.paddingTop="10px" |
Contoh TIY
- Atur jarak atas internal 1
- Contoh ini menunjukkan bagaimana mengatur jarak atas internal sel dengan satuan sentimeter.
- Atur jarak atas internal 2
- Contoh ini menunjukkan bagaimana mengatur jarak atas internal sel dengan persen persentase.
Dukungan browser
Angka di tabel menunjukkan versi pertama browser yang mendukung properti ini penuh.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- Halaman sebelumnya padding-right
- Halaman Berikutnya @page