Bài 10: CSS padding

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;
}

Chúc bạn thành công – www.ticsoft.com ( TG – phpbasic)

Chương 8: padding

padding dùng để xác định khoảng cách giữa nó v�  đối tượng bao quanh nằm trong nó
ta có thể sử dụng 4 thuộc tính của padding
padding-left: length/percent;
padding-right: length/percent;
padding-top: length/percent;
padding-bottom: length/percent;
để định khoảng cách cho left,right,top,bottom

Có thể sử dụng một trong 2
- length (px,pt)
- percent (%)

để xác định giá trị cho các thuộc tính trên.

Ngo� i ra có thể định giá trị cho cả top,left,bottom,right trên cùng một thuộc tính:

padding: 10px 5px 0px 3px;

dòng n� y tương đương:
padding-top: 10px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 3px;

(padding: 10px 5px 0px 3px; theo thứ tự: top,right,bottom,left – thuận chiều kim đồng hồ bắt đầu từ top)

Nếu chỉ set 1 giá trị:
padding: 10px;
thì được xem như cho cả 4 thuộc tính cho nên dòng n� y tương đương
padding: 10px 10px 10px 10px;
** có thể sử dụng padding: 0; thay cho padding: 0px;

Theo: TG – phpbasic