CSS padding sẽ định nghĩa khoảng trống giữa mép của các phần tử tới các phần tử con hoặc nội dung bên trong. Chúng ta không thể gán giá trị âm cho thuộc tính này. Cũng giống như margin thuộc tính padding cũng tương ứng với 4 phía của phần tử.
Tương ứng với 4 phía của phần tử chúng ta có 4 thuộc tính padding tương ứng đó là:
- padding-top:
- padding-right:
- padding-bottom:
- padding-left:
Các giá trị có thể gán cho các thuộc tính này là : % hoặc length
Để viết cho gọn chúng ta cũng có thể viết thuộc tính padding dưới dạng shorthand.
div.padding {
padding: 5px 3px 2px 8px;
}
