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

CSS Padding





Các thuộc tính CSS đệm xác định không gian giữa các yếu tố biên giới và nội dung tố.

Đệm

Padding xóa một khu vực xung quanh nội dung (bên trong biên giới) của một phần tử. Padding bị ảnh hưởng bởi màu nền của phần tử.

Đầu, bên phải, phía dưới, và padding 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 đệm viết tắt cũng có thể được sử dụng, thay đổi tất cả paddings cùng một lúc.

Giá trị có thể

ValueDescription
lengthDefines a fixed padding (in pixels, pt, em, etc.)
%Defines a padding in % of the containing element

Đệm - Cá nhân bên

Trong CSS, nó có thể xác định đệm khác nhau cho bên khác nhau:

Ví dụ

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

Thử nó cho mình »

Padding - tài sản Viết tắt

Để rút ngắn mã, có thể xác định tất cả các thuộc tính padding 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 đệm là "đệm":

Ví dụ

padding:25px 50px;

Thử nó cho mình »

Tài sản đệm có thể có từ một đến bốn giá trị.
  • padding: 25px 50px 75px 100px;
    • đệm đầu là 25px
    • đệm phải là 50px
    • đệm phía dưới là 75px
    • đệm bên trái là 100px
  • padding: 25px 50px 75px;
    • đệm đầu là 25px
    • paddings phải và trái là 50px
    • đệm phía dưới là 75px
  • padding: 25px 50px;
    • paddings trên và dưới là 25px
    • paddings phải và trái là 50px
  • padding: 25px;
    • tất cả bốn paddings là 25px
Người đăng: vào lúc
Nhãn: ,
Các tin khác

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

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)