Padding là gì?

Padding là khoảng đệm bên trong một phần tử, nằm giữa nội dung (chữ, hình ảnh) và đường viền (border) của phần tử đó.

Đặc điểm chính của Padding

• Khoảng cách bên trong: Tạo không gian trống từ nội dung ra đến viền bao quanh.
• Làm thoáng giao diện: Giúp nội dung không bị dính sát vào mép khung hay nút bấm (button), tăng tính thẩm mỹ và dễ đọc.
• Tăng vùng chạm: Trong thiết kế di động, tăng padding cho nút bấm giúp người dùng dễ thao tác hơn.

Phân biệt Padding và Margin

• Padding: Khoảng trống bên trong viền của một phần tử.
• Margin: Khoảng trống bên ngoài viền, dùng để tạo khoảng cách giữa các phần tử khác nhau với nhau.

Ví dụ: Padding Top 50px của Addon Text nghĩa là khoảng cách phía trên của Addon Text đến viền của chúng là 50px. Padding 50px nghĩa là khoảng cách 4 phía của Addon Text đến viền của chúng là 50px.