Padding CSS

Padding CSS

Sifat Padding CSS mentakrifkan ruang antara sempadan elemen dan kandungannya.

Padding

Apabila Padding (padding) elemen dikosongkan, kawasan "released" akan diisi dengan warna latar belakang elemen.

Gunakan atribut isi sahaja untuk menukar pelapik atas, bawah, kiri dan kanan. Atribut isian singkatan juga boleh digunakan, setelah diubah semuanya berubah.

Sifat trengkas ini menetapkan lebar semua padding pada elemen atau menetapkan lebar padding pada setiap sisi. Set padding pada elemen sebaris, tidak diganti tidak menjejaskan pengiraan ketinggian garisan; oleh itu, jika elemen mempunyai kedua-dua pelapik dan latar belakang, ia mungkin meluas secara visual ke baris lain, mungkin dengan

Kandungan lain bertindih. Latar belakang elemen menjangkau seluruh padding. Nilai margin negatif tidak dibenarkan.

padding-atas:20px; padding atas

padding-kanan:30px; padding-bawah<🎜; >

padding-left:20px; padding kiri

padding: 1px padding bersatu pada keempat-empat sisi

padding: 1px1px atas dan bawah, padding kiri dan kanan

padding: 1px1px1px atas, kiri dan kanan, padding bawah

padding: 1px1px1px1px padding atas, kanan, bawah, kiri

Nota: Tiada nilai Negatif ​​dibenarkan.

Nilai yang mungkin

auto: Penyemak imbas mengira margin

panjang: Menentukan nilai margin dalam unit tertentu, seperti piksel, sentimeter, dsb. Nilai lalai ialah 0px.

%: Menentukan margin sebagai peratusan lebar elemen induk.

warisi: Menentukan bahawa margin harus diwarisi daripada elemen induk.

padding: Gunakan atribut singkatan untuk menetapkan semua sifat padding dalam satu pengisytiharan

padding-bottom: Tetapkan padding bawah elemen

padding-left: Tetapkan bahagian kiri daripada elemen Padding

padding-right: Tetapkan padding right bagi elemen

padding-top: Tetapkan padding atas elemen

Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> p.ex1 {padding:2cm;} p.ex2 {padding:0.5cm 3cm;} </style> </head> <body> <p class="ex1">这个文本填充两边相等。填充每边2厘米。</p> <p class="ex2">这个文本有一个顶部和底部填充0.5厘米和3厘米的左和右填充。</p> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus