Thuộc tính margin trong CSS
Thuộc tính margin trong CSS là một thuộc tính tổng hợp giúp bạn xác định tất cả các Style liên quan tới Margin cho các lề của một phần tử. Chẳng hạn như căn chỉnh lề, thiết lập độ rộng lề, style cho lề, …
Thuộc tính margin có thể nhận giá trị:
length: bất kỳ giá trị độ dài nào.
percentage: độ rộng của lề được ước lượng tùy vào độ rộng của Box chứa phần tử.
auto: giá trị mặc định. Trình duyệt tự động thiết lập các giá trị cho cả 4 lề.
Thuộc tính margin có thể áp dụng cho:
Tất cả các phần tử HTML.
Cú pháp thuộc tính margin trong DOM
object.style.margin = "5px"
Ví dụ thuộc tính margin trong CSS
Bạn theo dõi ví dụ sau để thấy cách sử dụng của thuộc tính margin trong CSS:
<html>
<head>
</head>
<body>
<p style="margin: 15px; border:1px solid black;">
Ca 4 le: tren, duoi, trai va phai deu co do rong le la 15px
</p>
<p style="margin:10px 2%; border:1px solid black;">
Le tren va le duoi la 10px. Do rong cua le trai va le phai bang 2% tong do rong cua trang.
</p>
<p style="margin: 10px 2% -10px; border:1px solid black;">
Le tren la 10px. Do rong cua le trai va le phai bang 2% tong do rong cua trang. Le duoi la -10px
</p>
<p style="margin: 10px 2% -10px auto; border:1px solid black;">
Le tren la 10px. Do rong cua le phai bang 2% tong do rong cua trang. Le duoi la -10px, va le trai se duoc thiet lap tu dong boi trinh duyet.
</p>
</body>
</html>
Kết quả là:
Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.
Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.
Bài học CSS phổ biến khác tại vietjack.com:
