Thứ Bảy, 28 tháng 12, 2013

CSS Margin




Thuộc tính lề CSS xác định không gian xung quanh các yếu tố.

Tỷ suất lợi nhuận

Tỷ suất lợi nhuận xóa một khu vực xung quanh một yếu tố (bên ngoài biên giới). Tỷ suất lợi nhuận không có một màu nền, và là hoàn toàn minh bạch.

Đầu, bên phải, phía dưới, và lề trái có thể được thay đổi độc lập sử dụng tài sản riêng biệt. Một tài sản ký quỹ viết tắt cũng có thể được sử dụng, thay đổi tất cả lợi nhuận cùng một lúc.

Giá trị có thể

ValueDescription
autoThe browser calculates a margin
lengthSpecifies a margin in px, pt, cm, etc. Default value is 0px
%Specifies a margin in percent of the width of the containing element
inheritSpecifies that the margin should be inherited from the parent element

GhiLưu ý: Cũng có thể sử dụng các giá trị tiêu cực, để chồng lên nhau nội dung.


Lợi nhuận - bên cá nhân

Trong CSS, nó có thể xác định lợi nhuận khác nhau cho bên khác nhau:

Ví dụ

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

Thử nó cho mình »


Lợi nhuận - sở hữu Viết tắt

Để rút ngắn mã, nó có thể xác định tất cả các thuộc tính lề trong một tài sản. Này được gọi là một tài sản viết tắt.

Tài sản viết tắt cho tất cả các thuộc tính lề là "lợi nhuận":

Ví dụ

margin:100px 50px;

Thử nó cho mình »

Tài sản ký quỹ có thể có từ một đến bốn giá trị.
  • margin: 25px 50px 75px 100px;
    • Biên độ đỉnh là 25px
    • lề phải là 50px
    • lề dưới là 75px
    • lề trái là 100px
  • margin: 25px 50px 75px;
    • Biên độ đỉnh là 25px
    • lề phải và trái là 50px
    • lề dưới là 75px
  • margin: 25px 50px;
    • lề trên và dưới là 25px
    • lề phải và trái là 50px
  • margin: 25px;
    • tất cả bốn lề là 25px
Các tin khác

Không có nhận xét nào:

Đăng nhận xét