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

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

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

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính text-emphasis-style trong CSS</title>
<style>
</style>
</head>
<body>

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

<p>Dùng để thêm những biểu tượng trên mỗi chữ cái trong phần tử HTML, bạn có thể kết hợp text-emphasis-color để thêm màu sắc cho biểu tượng  và text-emphasis-position để cho biểu tượng nằm trên, dưới, trái, phải văn bản:</p>

<h2>Dùng ký tự</h2>

<p style="text-emphasis-style: '❤️'">text-emphasis-style:"❤️";</p>

<p style="text-emphasis-style: '#'">text-emphasis-style:"#";</p>

<h2>Biểu tượng</h2>

<p style="text-emphasis-style: circle;">text-emphasis-style: circle;</p>

<p style="text-emphasis-style: dot;">text-emphasis-style: dot;</p>

<p style="text-emphasis-style: double-circle;">text-emphasis-style: double-circle;</p>

<p style="text-emphasis-style: sesame;">text-emphasis-style: sesame;</p>

<p style="text-emphasis-style: triangle;">text-emphasis-style: triangle;</p>

<h2>Biểu tượng kết hợp text-emphasis-color để tạo màu sắc</h2>

<p style="text-emphasis-style: circle; text-emphasis-color: red;">text-emphasis-style: circle; text-emphasis-color: red;</p>

<p style="text-emphasis-style: triangle; text-emphasis-color: blue;">text-emphasis-style: triangle; text-emphasis-color: blue;</p>

<h2>Biểu tượng kết hợp text-emphasis-position để canh vị trí</h2>

<p style="text-emphasis-style: circle; text-emphasis-position: under;">text-emphasis-style: circle; text-emphasis-position: under;</p>

<p style="text-emphasis-style: triangle; text-emphasis-position: under;">text-emphasis-style: triangle; text-emphasis-position: under;</p>

<h2>Biểu tượng kết hợp với open để xóa phần ở trong, chỉ để lại đường viền ngoài</h2>

<p style="text-emphasis-style: triangle open;">text-emphasis-style: triangle open;</p>

<p style="text-emphasis-style: double-circle open;">text-emphasis-style: double-circle open;</p>

<p style="text-emphasis-style: sesame open;">text-emphasis-style: sesame open;</p>

<p style="text-emphasis-style: circle open;">text-emphasis-style: circle open;</p>

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