Padding CSS
Padding CSS
Sifat CSS Padding mentakrifkan ruang antara sempadan elemen dan kandungannya.
Padding
Apabila Padding (padding) elemen dikosongkan, kawasan " akan diisi dengan warna latar belakang elemen.
Gunakan atribut isi sahaja untuk menukar pelapik atas, bawah, kiri dan kanan. Sifat isian singkatan juga boleh digunakan, setelah diubah semuanya berubah.
Nilai atribut Padding dinyatakan dalam piksel, sentimeter dan peratusan
Atribut padding CSS Dalam CSS, adalah mungkin untuk menentukan padding berbeza untuk sisi yang berbeza: Instance Jalankan atur cara untuk mencubanya Padding - atribut trengkas Untuk memendekkan kod, adalah mungkin untuk menentukan semua sifat padding dalam satu atribut. Inilah yang dipanggil atribut singkatan. Singkatan bagi semua sifat padding ialah "padding": Sifat padding, yang boleh mempunyai satu hingga empat nilai. padding:25px 50px 75px 100px; padding atas ialah 25px padding kanan ialah 50px padding bawah ialah 75px>Padding kiri ialah 100px padding atas dan bawah ialah 25px padding kiri dan kanan ialah 50px padding:25px ; Semua padding ialah 25px Contoh <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
p
{
background-color:yellow;
}
p.padding
{
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
}
</style>
</head>
<body>
<p>這是一段沒有指定填充。</p>
<p class="padding">這一段指定l填充。</p>
</body>
</html>
padding:25px 50px; <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
p
{
background-color:yellow;
}
p.padding
{
padding:25px 50px;
}
</style>
</head>
<body>
<p>這是一段沒有指定填充。</p>
<p class="padding">這一段指定l填充。</p>
</body>
</html>
Contoh
menunjukkan penggunaan atribut yang disingkatkan untuk menetapkan semua sifat pelapik dalam pengisytiharan, yang boleh mempunyai satu hingga empat nilai. <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
p.ex1 {padding:2cm;}
p.ex2 {padding:0.5cm 3cm;}
</style>
</head>
<body>
<p class="ex1">這個(gè)文本填充兩邊相等。填充每邊2厘米。</p>
<p class="ex2">這個(gè)文本填充兩邊相等。填充每邊2厘米。</p>
</body>
</html>Jalankan program dan cuba
