Để đặt khoảng cách giữa các chữ cái, tức là các ký tự, hãy sử dụng thuộc tính khoảng cách giữa các chữ cái. Sau đây là các giá trị thuộc tính -
letter-spacing: normal|length|initial|inherit;
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
p.demo1 {
letter-spacing: 1px;
}
p.demo2 {
letter-spacing: 10px;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<h2>Heading2</h2>
<p class="demo1">This is demo text.</p>
<h2>Heading2</h2>
<p class="demo2">This is demo text.</p>
</body>
</html> Đầu ra
Ví dụ
Bây giờ chúng ta hãy xem một ví dụ khác -
<!DOCTYPE html>
<html>
<head>
<style>
p.demo1 {
letter-spacing: 1cm;
}
p.demo2 {
letter-spacing: -2px;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<h2>Heading2</h2>
<p class="demo1">This is demo text.</p>
<h2>Heading2</h2>
<p class="demo2">This is demo text.</p>
</body>
</html> Đầu ra
