CSS Text

Pada css text kita bisa mengatur sebuah posisi text, jenis text, jarak text, dan lain-lain. Beberapa property yang bisa kita gunakan sebagai berikut :

text-align = Mengatur posisi text.

text-decoration = Mengatur tanda pada text.

text-transform = Mengatur jenis text.

text-shadow = Mengatur bayangan text.

letter-spacing = Mengatur jarak antar kata.

word-spacing = Mengatur jarak antar huruf.

Mari kita coba terapkan pada text website :

<!DOCTYPE html>

<html>

<head>

text-align: center;

text-decoration: line-through;

text-transform: uppercase;

text-shadow: 2px 2px 5px #225737;

letter-spacing: 5px;

word-spacing: 3px;

}

</style>

</head>

<body>

<p>Kita mengatur paragraf dengan css text</p>

</body>

</html>

Untuk text shadow detailnya seperti berikut :

2px = bayangan horizontal.

2px = bayangan vertikal.

5px = blur pad bayangan.

#225737 = Mengatur warna bayangan text.

Bagaimana cara untuk mengganti warna text? Caranya sangat mudah, kalian hanya perlu menambahkan property color : warna ; pada class atau element yang ingin kalian ubah warna textnya. contoh :

<!DOCTYPE html>

<html>

<head>

color: red;

text-align: center;

text-decoration: line-through;

text-transform: uppercase;

text-shadow: 2px -2px #225737;

letter-spacing: 5px;

word-spacing: 3px;

}

</style>

</head>

<body>

<p>Kita mengatur paragraf dengan css text</p>

</body>

</html>

Selanjutnya, value yang perlu kalian ketahui pada property diatas :

text-align : center, right, left.

text-transform : uppercase, lowercase, capitalize.

text-decoration : none, line-through, overline, underline.

Nah, itulah beberapa property agar text kalian lebih menarik. Selamat mencoba...