CSS Text

CSS Text

Text Color

Properti warna yang digunakan untuk mengatur warna teks.

Dengan CSS, warna yang paling sering ditentukan oleh:

- nilai HEX - seperti "# ff0000"

- nilai RGB - seperti "rgb (255,0,0)"

- nama warna - seperti "merah"

Lihatlah Nilai Warna CSS untuk daftar lengkap dari nilai warna mungkin.

Warna default untuk halaman didefinisikan dalam pemilih tubuh.

body {
    color: blue;
}

h1 {
    color: #00ff00;
}

h2 {
    color: rgb(255,0,0);
}

Text Alignment

Properti text-align digunakan untuk mengatur alignment horizontal teks.

Teks dapat terpusat, atau sejajar ke kiri atau ke kanan, atau dibenarkan.

Ketika text-align diatur ke "membenarkan", setiap baris ditarik sehingga setiap baris memiliki lebar yang sama, dan margin kiri dan kanan lurus (seperti di majalah dan koran).

h1 {
    text-align: center;
}

p.date {
    text-align: right;
}

p.main {
    text-align: justify;
}

Text Decoration

Properti text-decoration digunakan untuk mengatur atau menghapus dekorasi dari teks.

Properti text-decoration banyak digunakan untuk menghilangkan garis bawah dari link untuk keperluan desain:

a {
    text-decoration: none;
}

Hal ini juga dapat digunakan untuk menghias teks:

h1 {
    text-decoration: overline;
}

h2 {
    text-decoration: line-through;
}

h3 {
    text-decoration: underline;
}

Text Transformation

Properti text-transform digunakan untuk menentukan huruf besar dan huruf kecil dalam teks.

Hal ini dapat digunakan untuk mengubah segalanya menjadi huruf besar atau kecil, atau memanfaatkan huruf pertama dari setiap kata.

p.uppercase {
    text-transform: uppercase;
}

p.lowercase {
    text-transform: lowercase;
}

p.capitalize {
    text-transform: capitalize;
}

Text Indentation

Properti text-indent digunakan untuk menentukan indentasi baris pertama dari teks.

p {
    text-indent: 50px;
}