Teks Formatting di CSS

 

• huruf kapital (besar);

• capitalize untuk mengubah teks pada huruf pertama kata menjadi kapital.

• none untuk tidak melakukan transform.

Contoh penggunaan:

h1 {
  text-transform: capitalize;
}

Text Spacing

Text Spacing adalah ruang kosong pada teks. CSS menyediakan beberapa properti untuk mengatur spacing pada teks.

• text-indent untuk mengatur indentasi;
• letter-spacing untuk mengatur jarak spasi antar huruf;
• line-height untuk mengatur jarak antar baris;
• word-spacing untuk mengatur jarak antar kata;
• white-space untuk mengatur white space pada teks.

Text Overflow

Properti text-overflow berfungsi untuk mengatur panjang teks yang melebihi ukuran dari elemen.

Misalnya, kita punya elemen dengan ukuran 100px, lalu kita isi dengan teks yang panjangnya lebih dari 100px. Maka ini akan menyebabkan teks overflow.

Secara default, teks akan ditulis ke baris baru jika melebihi batas elemen. Namun, pada kondisi tertentu, seperti saat kita menggunakan whitespcae: nowrap dan overflow:hidden teks tidak akan ditulis ke baris baru.

Oleh sebab itu, pada kasus ini kita membutuhkan text-overflow untuk mengatur teks tersebut.

Text Shadow

Properti text-shadow merupakan properti untuk memberikan bayangan pada teks. Properti ini mulai ada pada CSS3.

Format nilai untuk text-shadow adalah sebagai berikut:

text-shadow: x y blur warna;

• x adalah jarak bayangan berdasarkan sumbu x (vertikal);
• y adalah jarak bayangan bedasarkan sumbu y (horizontal);
• blur adalah ukuran kepudaran dari bayangan;
• warna adalah warna bayangan, bisa diberikan dalam nama warna, fungsi rgb(), hsl(), dsb.