Code Thuộc tính text-underline-position trong CSS

Code Thuộc tính text-underline-position trong CSS

Code Thuộc tính text-underline-position trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính text-underline-position trong CSS</title>
<style>
.underline-don{text-decoration: underline;}
.underline-line{text-decoration-line: underline; }
</style>
</head>
<body>

<h1>Code Thuộc tính text-underline-position trong CSS</h1>

<p>Thuộc tính text-underline-position trong CSS kết hợp với giá trị underline của text-decoration để quy định vị trí của đường gạch chân, thuộc tính này còn kết hợp với giá trị underline của thuộc tính text-decoration-line, vị trí đường gạch chân thường chưa qua hết phần dưới của các chữ hoặc vừa qua hết phần dưới của các chữ:</p>

<p class="underline-don" style="text-underline-position: auto;">text-underline-position: auto; CO<sub>2</sub></p>

<p class="underline-don" style="text-underline-position: from-font;">text-underline-position: from-font; CO<sub>2</sub></p>

<p class="underline-don" style="text-underline-position: left;">text-underline-position: left; CO<sub>2</sub></p>

<p class="underline-don" style="text-underline-position: right;">text-underline-position: right; CO<sub>2</sub></p>

<p class="underline-don" style="text-underline-position: under;">text-underline-position: under; CO<sub>2</sub></p>

</body>
</html>
Code Thuộc tính text-underline-position trong CSS nằm trong bài viết Thuộc tính text-underline-position trong CSS