Margin là một thuộc tính trong CSS được sử dụng để tạo khoảng trắng xung quanh các phần tử, bên ngoài đường viền. Lập trình viên có thể đặt lề cho đỉnh, phải, dưới và trái. Nói cách khác, anh ta có thể đặt các giá trị đó bằng cách sử dụng lề trên, lề phải, lề dưới và lề trái.
Các giá trị Margin có thể thuộc các loại sau.
Đầu tiên, auto cho phép trình duyệt tính toán lề. Hơn nữa, độ dài biểu thị một lề trong px, pt hoặc cm, trong khi% giúp mô tả một lề là tỷ lệ phần trăm so với chiều rộng của phần tử chứa. Cuối cùng, kế thừa biểu thị rằng lề phải kế thừa từ phần tử cha.
Padding là một thuộc tính trong CSS giúp tạo không gian xung quanh một phần tử bên trong đường viền. Lập trình viên có thể đặt phần đệm cho đỉnh, phải, dưới và trái. Nói cách khác, anh ta có thể đặt các giá trị đó bằng cách sử dụng padding-top, padding-right, padding-bottom và padding-left.
Các giá trị Padding có thể thuộc các loại sau.
Độ dài mô tả phần đệm theo px, pt hoặc cm, trong khi% biểu thị phần đệm là phần trăm so với chiều rộng của phần tử chứa. Cuối cùng, kế thừa mô tả rằng phần đệm nên được kế thừa từ phần tử cha.
div.special {
width:200px;
border-style: solid;
border-width:thin;
border-color:#000;
margin:30px 20px 10px 25px;
}
div.special2 {
width:200px;
border-style: solid;
border-width:thin;
border-color:#000;
padding:30px 20px 10px 25px;
}
<div class="special">
Hello its margin test
</div>
<div class="special2">
Hello its padding test
</div>
Sự khác biệt giữa ký quỹ và đệm
Margin là một thuộc tính CSS được sử dụng để tạo không gian xung quanh phần tử bên ngoài đường viền được xác định, trong khi phần đệm là thuộc tính CSS được sử dụng để tạo không gian xung quanh phần tử, bên trong đường viền được xác định. Do đó, điều này giải thích sự khác biệt chính giữa lề và phần đệm.
Các giá trị
Hơn nữa, các giá trị của lề có thể là tự động, độ dài,% hoặc kế thừa, trong khi các giá trị của phần đệm có thể là độ dài,% hoặc kiểu kế thừa. Do đó, đây là một sự khác biệt khác giữa lề và đệm.
Tóm lại, lề và phần đệm là hai thuộc tính trong CSS cho phép tạo kiểu cho các trang web. Không thể gán giá trị âm cho các thuộc tính đó. Sự khác biệt chính giữa lề và phần đệm là lề giúp tạo không gian xung quanh phần tử bên ngoài viền, trong khi phần đệm giúp tạo không gian xung quanh phần tử bên trong viền.
padding vs margin. Tôi nghĩ rằng chúng ta cần thêm mũi tên vào thanh tìm kiếm và tạo màu xanh lá cây.