Artikel ini adalah artikel cermin dari terjemahan mesin, silakan klik di sini untuk melompat ke artikel aslinya.

Melihat: 11596|Jawab: 0

[HTML/HTML5] Margin HTML dan padding margin dalam dijelaskan secara rinci

[Salin tautan]
Diposting pada 30/10/2014 16.21.55 | | |

Properti padding menentukan ruang antara batas elemen dan konten elemen.

Properti ini dapat mengambil 4 nilai:

•Jika nilai ditentukan, seperti div {padding: 50px} - keempat sisi padding adalah 50 px.
•Jika dua nilai ditentukan, seperti div {padding: 50px 10px} - padding atas dan bawah adalah 50 px, dan padding kiri dan kanan adalah 10 px.
•Jika Anda menentukan tiga nilai, seperti div {padding: 50px 10px 20px} - padding atas dan bawah adalah 50 px, padding kiri dan kanan adalah 10 px, dan padding bawah adalah 20 px.
•Jika Anda menentukan empat nilai, seperti div {padding: 50px 10px 20px 30px} - padding atas adalah 50 px, padding kanan adalah 10 px, padding bawah adalah 20 px, dan padding kiri adalah 30 px.


Margin CSS DIV mengacu pada margin kata atribut CSS, margin adalah margin yang mengatur empat sisi objek, tanpa warna latar belakang dan tanpa warna.
1. Sintaks margin
Margin:10px
Nilai margin adalah unit angka + html, dan juga bisa otomatis (otomatis, adaptif)
2. Struktur aplikasi
Div{margin:10px}
Atur objek div ke spasi 10px
3. Deskripsi margin
Margin adalah jarak antara tepi luar objek dan tepi epitaxial.
Ada tiga situasi di mana nilai margin dapat berupa bilangan bulat positif dan bilangan bulat negatif dan menambahkan satuan seperti piksel PX (margin-kiri: 20px); otomatis dapat digunakan sebagai atribut otomatis (margin-kiri: otomatis otomatis); Ini bisa berupa nilai persentase (%) (margin-left: 3%).
Ekstensi margin (atur kata atribut spasi empat sisi secara terpisah)
margin-left object left margin kiri (margin-left:5px; Jarak Ekstensi Kiri 5px)
margin-right Margin kanan objek (margin-right:5px; Jarak ekstensi kanan 5px)
margin-top (margin-top:5px; Jarak Epitaxial Atas 5px)
margin-bottom (margin-bottom:5px; Jarak epitaxial yang lebih rendah 5px)




Mantan:Bagaimana cara menghapus garis bawah hyperlink di html?
Depan:Saksikan siswa sekolah dasar bermain LOL dan membunuh semuanya dalam hitungan detik! (Pemain Terbaru Asli)
Sanggahan:
Semua perangkat lunak, materi pemrograman, atau artikel yang diterbitkan oleh Code Farmer Network hanya untuk tujuan pembelajaran dan penelitian; Konten di atas tidak boleh digunakan untuk tujuan komersial atau ilegal, jika tidak, pengguna akan menanggung semua konsekuensi. Informasi di situs ini berasal dari Internet, dan sengketa hak cipta tidak ada hubungannya dengan situs ini. Anda harus sepenuhnya menghapus konten di atas dari komputer Anda dalam waktu 24 jam setelah pengunduhan. Jika Anda menyukai program ini, harap dukung perangkat lunak asli, pembelian pendaftaran, dan dapatkan layanan asli yang lebih baik. Jika ada pelanggaran, silakan hubungi kami melalui email.

Mail To:help@itsvse.com