Text CSS

Dua Jendela Senin, November 15, 2021

9. Text CSS

Berikut adalah beberapa property yang berhubungan dengan text:

color, mengatur warna
direction, arah teks (right to left atau left to right)
text-align, perataan teks horizontal. Berupa : left, right, center dan justify.
Text-decoration, dekorasi teks. Berupa : underline,none, overline, line-trough, initial atau inherit.
Text-indent, alinea pada paragraf satuan px.
Text transform, penggunaan huruf kapital pada teks. Berupa : none, capitalize, uppercase, lowcase, initial atau inherit.
Letter-spacing, mengatur jarak antar huruf, satuannya px.
Word-spacing, mengatur jarak antar kata.
Line-height, mengatur tinggi baris pada teks.
Vertical-align, mengatur perataan secara vertical.

Perhatikan contoh script pengguanan text dibawah ini dengan nama file text.html

<html>
<head>
<title>Belajar CSS Float</title>
<style type="text/css">
   p{
        font-family: arial, verdana, helvatica;
        font-size: 20px;
        font-weight: bold;
        text-transform:uppercase;
        text-decoration:underline;
        text-align: center;
   }
</style>
</head>
<body>
   <p>Saya sedang belajar CSS property Text</p>
</body>
</html>