Định nghĩa và sử dụng Thuộc tính padding thêm vào khoảng không cho thành phần. tag { padding: giá trị; }

Danh ngôn cuộc sống:

• Bài viết được đăng bởi: Mr. Phan Nhan
• Ngày cập nhật bài viết: 12/05/2016
• Tổng lược xem trang: 351 / 1 khách
• Đánh giá bởi người dùng:

Định nghĩa và sử dụng. Thuộc tính padding thêm vào khoảng không cho thành phần. Cấu trúc:

tag {
padding: giá trị;
}

Với giá trị như sau:
padding: 5px 10px 3px 20px; Đây là cách viết ngắn gọn các thuộc tính bên dưới, đơn vị có thể là px, em, %, ...
padding-top: 5px; Thêm vào khoảng không bên trên cho thành phần, đơn vị có thể là px, em, %, ...padding-right: 5px; Thêm vào khoảng không bên phải cho thành phần, đơn vị có thể là px, em, %, ...
padding-bottom: 5px; Thêm vào khoảng không bên dưới cho thành phần, đơn vị có thể là px, em, %, ...
padding-left: 5px; Thêm vào khoảng không bên trái cho thành phần, đơn vị có thể là px, em, %, ...
Cách sử dụng thuộc tính padding giá trị 4 thành phần. Trong đó:
padding-top: 5px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 20px;
HTML viết:

<html>
<head>
<style type="text/css">
div {
border: 1px solid red;
}
p {
background: #eeeeee;
padding: 5px 10px 10px 20px;
width: 200px;
}
</style>
</head>

<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị.</p>
</div>
</body>
</html>

CSS viết:

div {
border: 1px solid red;
}
div p {
background: #66CC00;
padding: 20px 0 0 0;
}

HTML viết:

Những bài viết được đăng mới nhất.

» Công cụ xóa dấu Tiếng việt