Thuộc tính đường viền được sử dụng để xác định thuộc tính đường viền cho một phần tử. Nó là cách viết tắt của chiều rộng đường viền, kiểu đường viền và màu đường viền.
Cú pháp
Cú pháp của thuộc tính đường viền CSS như sau -
Selector {
border: /*value*/
} Ví dụ
Các ví dụ sau minh họa thuộc tính CSS border -
<!DOCTYPE html>
<html>
<head>
<style>
img {
margin-top: 14px;
margin-left: 30px;
border: 2px solid orange;
box-shadow: 0 0 12px 1px black;
}
#demo {
border: 4px dotted magenta;
}
</style>
</head>
<body>
<img src="https://www.tutorialspoint.com/swing/images/swing-mini-logo.jpg">
<img id="demo" src="https://www.tutorialspoint.com/scala/images/scala-mini-logo.jpg">
</body>
</html> Đầu ra
Điều này cho kết quả sau -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
table {
margin: 1em;
border: 3px dashed green;
}
td {
font-size: 24px;
border: 2px double navy;
}
</style>
</head>
<body>
<table>
<tr>
<td>This</td>
<td>text</td>
</tr>
<tr>
<td>is</td>
<td>demo</td>
</tr>
</table>
</body>
</html> Đầu ra
Điều này cho kết quả sau -
