CSS3: padding
Thuộc tính padding dùng để thiết lập khoảng cách giữa dữ liệu trong khối với đường viền của khối. Bạn không được dùng giá trị âm.
padding là thuộc tính shorthand dùng để tránh trường hợp phải thiết lập padding cho từng phía làm tăng số dòng code (padding-top, padding-right, padding-bottom, padding-left).
Cú pháp
EDIT
/* Áp dụng cho cả 4 phía */
padding: 1em;
/* top-bottom và right-left */
padding: 5% 10%;
/* top | right-left | bottom */
padding: 1em 2em 2em;
/* top | right | bottom | left */
padding: 2px 1em 0 1em;
/* Các giá trị global */
padding: inherit;
padding: unset;
Ví dụEDIT
padding: 5%; /* Tất cả các phía có padding là 5% */
padding: 10px; /*Tất cả các phía có padding là 10px*/
padding: 10px 20px; /* top và bottom là 10px */
/* right và left là 20px */
padding: 10px 3% 20px; /* top là 10px */
/* right và left là 3% */
/* bottom là 20px */
padding: 1em 3px 30px 5px; /* top là 1em */
/* right là 3px */
/* bottom là 30px */
/* left là 5px */