Text CSS

Contoh ini berisi beberapa properti pemformatan teks. The heading uses the text-align, text-transform, and color properties. Judul menggunakan text-align, text-transform, warna dan properti

Warna Teks
Warna properti digunakan untuk mengatur warna teks.
Warna dapat ditetapkan oleh:

nama - nama warna yang menentukan, seperti "merah"
RGB - menentukan nilai RGB, seperti "rgb (255,0,0)"
Hex - menentukan nilai hex, seperti "# ff0000"

Standar warna untuk halaman yang ditetapkan di tubuh pemilih.

contohnya sebagai berikut :

body (color: blue) h1 {color:#00ff00} h2 {color:rgb(255,0,0)}

Untuk memenuhi persyaratan W3C CSS: Jika anda menentukan warna properti, Anda juga harus menentukan warna latar belakang-properti.

Perataan Teks
Text-align properti yang digunakan untuk mengatur alignment horisontal dari teks.
Teks dapat terpusat, atau berpihak ke kiri atau kanan, atau dibenarkan.
Text-align Bila diatur ke "justify", setiap baris stretched adalah agar setiap baris yang sama lebar, dan margin kiri dan kanan yang lurus (seperti di majalah dan koran).

contohnya sebagai berikut :

h1 {text-align: center{ p {text-align:right} p {text-align:justify}

Dekorasi teks
Text-decoration adalah properti yang digunakan untuk menetapkan atau menghapus hiasan dari teks.
Text-decoration properti ini kebanyakan digunakan untuk menghapus garis bawah pada link

contohnya sebagai berikut :

a (text-decoration: none)

Juga dapat digunakan untuk menghiasi teks

contohnya sebagai berikut :

h1 {text-decoration: overline} h2 {text-decoration:line-through} h3 {text-decoration:underline} h4 {text-decoration:blink}

Hal ini tidak dianjurkan untuk garis bawah teks yang bukan link, seperti ini sering merancukan pengguna.

Transformasi teks
Text-transform properti digunakan untuk menentukan huruf besar dan huruf dalam teks.
Dapat digunakan untuk mematikan semua menjadi huruf besar atau huruf kecil, huruf besar atau huruf pertama dari setiap kata.

contohnya sebagai berikut :

p {text-transform: uppercase} p {text-transform: lowercase} p {text-transform: capitalize}

Teks Indentation (lekukan)
Teks Indentation properti digunakan untuk menentukan indentasi dari baris pertama dari teks.

contohnya sebagai berikut :

p {text-indent: 50px}