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

Trình soạn thảo - Code Thuộc tính text-emphasis-position trong CSS

Kết quả - Code Thuộc tính text-emphasis-position trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính text-emphasis-position trong CSS</title>
<style>
p{margin-bottom:20px; text-emphasis-style: double-circle;}
</style>
</head>
<body>

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

<span>Dùng để đặt vị trí của các biểu tượng nằm ở trên, dưới, trái, phải văn bản trong phần tử HTML, biểu tượng do thuộc tính text-emphasis-style hoặc thuộc tính text-emphasis tạo ra:</span>

<p style="text-emphasis-position: over;">text-emphasis-position: over; Biểu tượng được đặt phía trên văn bản.</p>

<p style="text-emphasis-position: under;">text-emphasis-position: under; Biểu tượng được đặt phía dưới văn bản.</p>

<p style="text-emphasis-position: over right; writing-mode: vertical-rl;">RIGHT</p>

<p style="text-emphasis-position: under left; writing-mode: vertical-rl;">LEFT</p>

</body>
</html>