Text CSS

 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> 

Pada website akan terlihat sebagai berikut :


Semoga bermanfaat buat sobat yang baru tau👊👊👋😉


Post a Comment

0 Comments

Comments