Perbezaan antara margin dan padding dalam css

下次还敢
Lepaskan: 2024-04-28 15:00:26
asal
553 orang telah melayarinya

Dalam CSS, margin menentukan jarak antara elemen dan elemen sekeliling, dan padding menentukan jarak antara kandungan elemen dan sempadan elemen. Nilai lalai untuk kedua-duanya ialah 0, jidar mempengaruhi kawasan di luar sempadan elemen dan pelapik mempengaruhi kawasan di dalam sempadan. . Margin menentukan jarak antara elemen dan elemen sekeliling atau sempadan penyemak imbas, manakala padding menentukan jarak antara kandungan elemen dan sempadan elemen.

Penjelasan terperinci: Perbezaan antara margin dan padding dalam css

margin

Menentukan jarak elemen daripada elemen sekeliling atau tepi penyemak imbas.

Boleh mempunyai empat nilai (atas, bawah, kiri, kanan), atau satu nilai digunakan pada keempat-empat arah.

Nilai lalai ialah 0.

Nilai positif akan mengalihkan elemen lebih jauh daripada elemen sekeliling, manakala nilai negatif akan mendekatkan elemen tersebut kepada elemen sekeliling.

padding

  • Menentukan jarak antara kandungan elemen dan sempadan elemen.
  • Boleh juga mempunyai empat nilai, atau satu nilai digunakan pada keempat-empat arah.
  • Nilai lalai ialah 0.
  • Nilai positif akan mengalihkan kandungan elemen dari sempadan, manakala nilai negatif akan mengalihkannya lebih dekat ke sempadan. .
  • Kawal jarak antara kandungan unsur dan sempadan unsur

Nilai lalai

    0
  • 0
  • mempengaruhi kandungan
  • kawasan di luar sempadan unsur

kawasan dalam sempadan unsur

Atas ialah kandungan terperinci Perbezaan antara margin dan padding dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!