Mẹo nhỏ: Để tìm kiếm đúng mực các ấn phẩm của cultureldjazair2007.com, hãy search trên Google với cú pháp: "Từ khóa" + "cultureldjazair2007.com". (Ví dụ: thiệp tân linh mục cultureldjazair2007.com). Tra cứu kiếm ngay

Chào các bạn, bây giờ chúng ta lại chạm mặt nhau trong một loạt bài bác hướng dẫn dùng CSS cơ bản của cultureldjazair2007.com. Trong nội dung bài viết này mình sẽ giới thiệu một nằm trong tính bắt đầu trong mô hình hộp của CSS, sẽ là thuộc tính padding. Vậy nó là gì cùng có chức năng như cầm nào, hãy theo dõi bài viết này nhé.

Bạn đang xem: Padding trong css là gì

Khoảng Đệm CSS (padding)

Thuộc tính padding được được thực hiện rất thịnh hành trong CSS để tạo không gian xung quanh ngôn từ của phần tử, bên trong bất kỳ đường viền đã khẳng định nào.


*
cultureldjazair2007.com – nằm trong tính padding trong CSS

Nhìn hình tế bào tả mặt trên, chúng ta cũng có thể hiểu như sau: một trong những phần tử luôn có một khoảng chừng cách an ninh với những thành phần khác, ta call là margin, tiếp sau đó là đường viền của thành phần (có thể = 0), rồi tiếp sau đến padding là phần khoảng cách để nội dung không biến thành dí gần cạnh vào viền. Mời chúng ta tiếp tục xem ví dụ dưới đây:

*
cultureldjazair2007.com—Tìm-hiểu-thuộc-tính-padding

Như vậy, bạn có thể hiểu đơn giản dễ dàng rằng: margin (phần màu cam) là dùng để giữ khoảng cách giữa bộ phận HTML này với thành phần khác, còn  padding để giữ khoảng cách giữa viền (border) cùng với nội dung bên trong nội bộ một phần tử HTML nào đó.

Với CSS, chúng ta có toàn quyền kiểm soát điều hành phần đệm padding này. Có các thuộc tính nhằm thiết lập padding cho mỗi mặt của một phần tử như padding-top: bên trên cùng; padding-bottom: dưới cùng; padding-left: kế bên cùng bên trái; padding-right: ko kể cùng bên phải.

Xem thêm: Lực Đàn Hồi Là Gì, Đặc Điểm Và Ví Dụ Về Lực Đàn Hồi, Lực Đàn Hồi Của Lò Xo Là Gì

Khoảng đệm cho mỗi bên của phần tử

CSS có các thuộc tính nhằm chỉ định padding cho mỗi mặt của một trong những phần tử:

padding-toppadding-rightpadding-bottompadding-left

Tất cả những thuộc tính padding có thể có những giá trị sau:

length – chỉ định padding trong CSS theo px, pt, cm, v.v.% – chỉ định 1 phần đệm bởi % chiều rộng lớn của thành phần chứaInherit – kế thừa – khẳng định rằng phần đệm phải được thừa hưởng từ thành phần cha

Lưu ý: những giá trị âm ko được phép.

Ví dụ sau đặt những phần đệm padding khác nhau cho toàn bộ bốn khía cạnh của phần tử 
:


div padding-top: 50px; padding-right: 30px; padding-bottom: 50px; padding-left: 80px;