Thuộc tính của margin

Thuộc tính margin sẽ định nghĩa khoảng trắng bao quanh một phần tử HTML. Nó có thể dùng giá trị âm để lồng nội dung vào với nhau. Tương ứng với 4 phía của một phần tử chúng ta có 4 thuộc tính tương ứng. Mặt khác để viết cho gọn chúng ta cũng có thể dùng cách viết giản lược để định nghĩa các giá trị cho thuộc tính margin. 

Đối với các trình duyệt Netcape và IE thì giá trị mặc định của thuộc tính margin là 8px. Nhưng Opera thì không hỗ trợ như vậy. Để cho thống nhất chúng ta có thể đặt margin mặc định cho toàn bộ các phần tử.

Các giá trị mà thuộc tính margin có thể nhận được đó là: auto, length, %. Chúng ta đặt giá trị nào là tùy thích cộng với việc tương ứng tỉ lệ với các phần tử khác.

ví dụ:

margin: 10px 5px 0px 3px;

tương đươngvới: 
margin-top: 10px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 3px;

(margin: 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ị:
margin: 10px; 
thì được xem như cho cả 4 thuộc tính tương đương:
margin: 10px 10px 10px 10px;
** có thể sử dụng margin: 0; thay cho margin: 0px;