Thuộc tính margin trong CSS

Trang trước
Trang sau  

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"
Quảng cáo

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>
Quảng cáo

Kết quả là:

Công cụ giáo viên (2048.VN)

Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free

Tạo đề, số hóa đề thi từ PDF/Word/Excel Nhập đề nhanh, trích xuất nội dung tự động. Trộn đề thành nhiều mã, Download/In đề thi offline Tạo nhiều mã đề khác nhau, xuất file hoặc in dễ dàng. Quản lý lớp học Theo dõi học sinh, điểm số và kết quả học tập trực quan. Giao bài tập, tổ chức thi kiểm tra trực tuyến Giao bài, chấm điểm và thống kê kết quả ngay trên hệ thống.
Khám phá công cụ
Trang trước
Trang sau  
Bài viết liên quan