Thiết lập khoảng cách giữa các từ của văn bản
Thuộc tính word-spacing dùng để thiết lập khoảng cách giữa các từ của văn bản
Ví dụ
.div1{
word-spacing: -2px;
}
.div2{
word-spacing: 20px;
}
Xem Ví Dụ:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.div1{
word-spacing: -2px;
}
.div2{
word-spacing: 20px;
}
</style>
</head>
<body>
<div class="div1">Genm hướng dẫn học lập trình</div>
<br>
<div class="div2">Genm hướng dẫn học lập trình</div>
</body>
</html>
=> Kết Quả:
Genm hướng dẫn học lập trình
Genm hướng dẫn học lập trình
Thiết lập khoảng cách giữa các ký tự của văn bản
Thuộc tính letter-spacing dùng để thiết lập khoảng cách giữa các ký tự của văn bản
Ví dụ
.div1{
letter-spacing: -2px;
}
.div2{
letter-spacing: 20px;
}
Xem Ví Dụ:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.div1{
letter-spacing: -2px;
}
.div2{
letter-spacing: 20px;
}
</style>
</head>
<body>
<div class="div1">Genm hướng dẫn học lập trình</div>
<br>
<div class="div2">Genm hướng dẫn học lập trình</div>
</body>
</html>
=> Kết Quả:
Thụt đầu dòng
Thuộc tính text-indent dùng để thụt đầu dòng cho văn bản
Ví dụ
div{
text-indent: 100px;
}
Xem Ví Dụ:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div{
text-indent: 100px;
}
</style>
</head>
<body>
<div>Genm hướng dẫn học lập trình web từ cơ bản đến nâng cao, Genm hướng dẫn học lập trình web từ cơ bản đến nâng cao, Genm hướng dẫn học lập trình web từ cơ bản đến nâng cao, Genm hướng dẫn học lập trình web từ cơ bản đến nâng cao, Genm hướng dẫn học lập trình web từ cơ bản đến nâng cao,Genm hướng dẫn học lập trình web từ cơ bản đến nâng cao, Genm hướng dẫn học lập trình web từ cơ bản đến nâng cao</div>
</body>
</html>
=> Kết Quả:
0 comments:
Post a Comment