Thuộc tính trang trí văn bản CSS được sử dụng để áp dụng trang trí cho văn bản của phần tử đã chọn. Chúng ta có thể thêm một dòng qua, gạch ngang, gạch dưới, v.v. làm giá trị. Nó là cách viết tắt của văn bản-trang trí-dòng, văn bản-trang trí-màu sắc và văn bản-trang trí-phong cách.
Cú pháp
Cú pháp của thuộc tính text-decoration như sau -
Selector {
text-decoration: /*value*/
} Ví dụ
Các ví dụ sau minh họa thuộc tính trang trí văn bản CSS -
<!DOCTYPE html>
<html>
<head>
<style>
p:nth-child(2)::before {
content: " We will reach the destination ";
background-color: lightgreen;
text-decoration: overline blue;
font-size: 1.2em;
}
</style>
</head>
<body>
<p>I'm not the only traveller</p>
<p>
before night.
</p>
</body>
</html> Đầu ra
Điều này cho kết quả sau -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
span {
background: rgb(204,22,50);
text-decoration: blue line-through;
font-style: italic;
color: white;
}
p {
text-decoration: underline;
}
</style>
</head>
<body>
<h2>Department Details</h2>
<p>
The employees of Department Marketing, Operations, Finance,
<span>IT</span>
are requested to email their original documents.<span> Delay in submission will lead to delayed verification.</span>
</p>
</body>
</html> Đầu ra
Điều này cho kết quả sau -
