Thuộc tính background-clip
Định nghĩa và sử dụng Thuộc tính background trong css3 dùng để định dạng các dạng background ngoài dạng đã được định nghĩa ở css2. Cấu trúc tag { thuộc tính background: giá trị; } Thuộc tính: Thuộc tính giá trị Mô tả background-clip padding-box Xác định vùng background được cắt bớt, giới hạn lại theo […]
Định nghĩa và sử dụng
Thuộc tính background trong css3 dùng để định dạng các dạng background ngoài dạng đã được định nghĩa ở css2.
Cấu trúc
tag {
thuộc tính background: giá trị;
}
Thuộc tính:
| Thuộc tính | giá trị | Mô tả |
|---|---|---|
| background-clip | padding-box | Xác định vùng background được cắt bớt, giới hạn lại theo vùng chứa padding (không bao gồm border). |
| border-box | Xác định vùng background được cắt bớt, giới hạn lại theo vùng chứa border. | |
| content-box | Xác định vùng background được cắt bớt, giới hạn lại theo vùng chứa nội dung. |
Ví dụ
Html viết:
<html> <head></head> <body> <div>background-clip background-clip background-clip background-clip background-clip.</div> </body> </html>
CSS viết:
div {
background: #ccc;
border: 10px dotted #cc0000;
padding: 20px;
width: 150px;
}
Hiển thị trình duyệt:
background-clip background-clip background-clip background-clip background-clip.
CSS viết:
div {
background: #ccc;
background-clip: padding-box;
border: 10px dotted #cc0000;
padding: 20px;
width: 150px;
}
Hiển thị trình duyệt:
background-clip background-clip background-clip background-clip background-clip.
Trình duyệt hỗ trợ
Yêu cầu phiên bản trình duyệt và hệ điều hành tối thiểu được hỗ trợ:
| Trình duyệt PC | Smartphone – Tablets | |
| background-clip | Internet Explorer 9 | IOS 3.2 |
| Firefox 4 | Android 2.1 | |
| Opera 10.5 | Window Phone 7.5 | |
| Google Chrome 10 | ||
| Safari 5.1 (-webkit-) |
