Sintaks di atas membantu membuat halaman web sampel dan akan menggunakan gaya padding dalam gaya CSS untuk bahagian kepala dalam HTML. Berdasarkan itu, sintaks akan berbeza-beza jika kita menggunakannya dalam bahagian dan teg lain dalam HTML.<\/p>\n

Bagaimana Padding berfungsi dalam HTML?<\/h3>\n

Berbanding dengan margin, Padding ialah ruang tambahan yang dibuat dalam beberapa elemen HTML, tetapi margin dibuat di luar elemen HTML. Setiap elemen, seperti Padding dan margin, merujuk kepada model kotak yang Padding, margin dan jidar semuanya digabungkan dengan model kotak bekas HTML. Dalam model itu, bahagian tengah kawasan yang digunakan untuk kandungan HTML, iaitu, teks atau imej, video, dsb., dikelilingi dengan beberapa pelapik, jidar dan sempadan jika pengguna memerlukan pembangunan tersuai dalam halaman web.<\/p>\n

Kami tidak akan menggunakan semua ini seperti yang diperlukan, tetapi adalah berfaedah untuk mengingati model kotak digunakan pada setiap teg atau elemen pada halaman web. Sesetengah gaya dan sifat CSS membenarkan rentetan nilai yang digantikan dengan bilangan sifat dan ia diwakili dengan nilai yang dipisahkan dengan menggunakan ruang.<\/p>\n

Padding dalam kotak dengan kawasan jidar dan sempadan dalam dan di luar kawasan kandungan HTML, sifat padding, digunakan untuk menentukan gaya padding seragam dalam bekas kotak. Tiga atau empat nilai ditentukan secara bebas berdasarkan pengisytiharan kami dalam kod dengan keperluan pelanggan.<\/p>\n

Apabila mengira panjang untuk Padding, terdapat nilai tertentu yang dibenarkan untuk dipertimbangkan, memastikan ia tidak negatif; juga, hitung peratusan yang merangkumi lebar dan tinggi kotak dan tidak mempunyai nilai negatif. Kita boleh menggunakan Padding pada bahagian imej untuk halaman web dalam HTML dengan bantuan mencipta penimbal antara imej dan aliran data seperti kandungan HTML. Ia memberikan imej seperti ruang pernafasan kecil, jadi ia tidak tersekat sama ada dalam teks atau imej lain.<\/p>\n

Kami biasanya meletakkan imej di sebelah kiri halaman web, melampirkan kandungan data dengan rapat. Tidak ada yang mengganggu dekat dengan gambar. Namun, apabila menggunakan imej yang sama dalam panel kanan, Padding mencipta penimbal antara imej dan teks; ia akan membantu untuk pengalaman membaca yang menyenangkan dari perspektif pengguna. Kami juga boleh menambah Padding dalam kanvas imej menggunakan operasi edit seperti editor HTML dengan beberapa atribut gaya dan bertukar kepada editor teks kaya selepas pengguna memilih imej.<\/p>\n

Kami menambah Padding terpilih, seperti jidar 10 piksel, pada semua sisi imej yang kami pilih atau muat naik sebagai kandungan imej ke halaman web berdasarkan arahan pengguna atau pelanggan; juga, kita boleh menambah Padding secara selektif dengan menggunakan beberapa gaya padding seperti pilihan padding-bawah kepada padding-right berdasarkan keperluan pengguna.<\/p>\n

4 Nilai Padding<\/h4>\n

Kami boleh menggunakan Padding dalam fungsi javascript untuk mencipta dan mengubah saiz gaya sempadan atau gaya padding secara automatik selepas memanggil fungsi javascript dalam kod HTML. Secara amnya, sifat padding menetapkan atau mengembalikan Padding unsur HTML yang diambil oleh harta itu daripada satu nilai sehingga empat nilai; kami akan membincangkan setiap nilai padding di bawah.<\/p>\n

\n
• \nNilai tunggal:<\/strong> Contoh seperti div{padding:12px}-semua empat sisi kandungan HTML akan mempunyai nilai padding seperti 12 px.<\/li>\n
• \nDua nilai:<\/strong> div{padding:12px 13px}-padding atas dan bawah ialah 12px, dan padding kiri dan kanan ialah 13px.<\/li>\n
• \nTiga nilai:<\/strong> div{padding:12px 13px 14px}-Padding atas ialah 10px, Padding kiri dan kanan ialah 13px, dan Padding bawah ialah 14px.<\/li>\n
• \nEmpat nilai:<\/strong> div{padding:12px 13px 14px 15px}-Padding atas ialah 12px, Padding kanan ialah 13px, Padding bawah ialah 14px dan Padding kiri ialah 15px.<\/li>\n<\/ul>\n

  Contoh?Padding HTML<\/h3>\n

  Contoh Padding HTML diberikan di bawah:<\/p>\n

  Contoh #1<\/h4>\n

  Kod:<\/strong><\/p>\n

  \n\n