Atribut padding-top CSS

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;
  }

Coba sendiri

(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