CSS Текст хэлбэржүүлэлт

Текстийн харагдах байдлыг өөрчлөх үндсэн шинж чанарууд:

text-align — текст зэрэгцүүлэлт (left, center, right, justify).
text-decoration — доогуур/дээгүүр зураас (none, underline, line-through). Холбоосын доогуур зураасыг арилгахад text-decoration: none; ашиглана.
text-transform — үсгийн жижиг/том хэлбэр (uppercase, lowercase, capitalize).
letter-spacing — үсэг хоорондын зай, жишээ нь 2px.
line-height — мөр хоорондын зай, жишээ нь 1.6.
text-shadow — текстэнд сүүдэр оруулах: text-shadow: 2px 2px 4px #000;.

Жишээ

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px #94a3b8;
}
p {
    line-height: 1.8;
    text-decoration: underline;
}
</style>
</head>
<body>
<h1>Хэлбэржүүлсэн гарчиг</h1>
<p>Энэ параграф өргөн мөр хоорондын зайтай, доогуур зурастай.</p>
</body>
</html>

Туршиж үзэх »