Properties untuk mengatur teks di CSS

Properties untuk mengatur teks di CSS

Text decoration di CSS

Text decoration digunkan untuk medekorasi teks seperti menambahkan garis di tengah, atas, maupun garis di bawah teks.

Format penulisan text decoration di CSS

Value Keterangan
none Menghilangkan semua garis di teks
overline Menambahkan garis di atas teks
line-through Menambahkan garis di tengah teks
underline Menambahkan garis di bawah teks

Contoh penggunaan text decoration di CSS

text-decoration

Text indent di CSS

Text indent digunakan  untuk membuat jarak/lekuk di awal paragraf.

Format penulisan text indent di CSS

Untuk memberian nilai(value) kita bisa menggunakan tipe length(px, em, in)atau percentage(%).

Contoh penggunaan text indent di CSS

text-indent

Text align di CSS

Text align digunkan untuk mengatur perataan teks.

Format penulisan text align di CSS

Value Keterangan
right Teks rata kanan
center Teks rata tengah
left Teks rata kiri
justify Teks rata kiri kanan

Contoh penggunaan text align di CSS

text-align

Text transform di CSS

Text transform digunakan untuk menentukan penggunaan karakteristik sebuah teks.

Format penulisan text transform di CSS

Value Keterangan
uppercase mengubah semua huruf menjadi huruf besar ( kapital )
lowercase mengubah semua huruf menjadi huruf kecil semua
capitalize Berfungsi mengubah semua huruf dalam awal kata menjadi huruf besar ( kapital )

Contoh penggunaan text transform di CSS

text-transform

White space di CSS

White space digunakan untuk mengatur sepasi di sebuah teks.

Format penulisan white space di CSS

Value Keterangan
normal spasi  akan ditampilkan satu kali, walaupun mengetikan spasi sebanyak lebih dari satu kali
nowrap spasi akan ditampilkan sesuai dengan spasi yang ketik
pre-wrap spasi akan ditampilkan satu kali(walaupun mengetikan spasi sebanyak lebih dari satu kali), dan hanya akan membuat  baris baru jika ada tag <br/> atau akhir suatu paragrapf</p>
pre-line spasi akan ditampilkan hanya satu kali dan akan membuat baris baru jika klik enter

Contoh penggunaan white space

Word spacing di CSS

Word spacing digunakan untuk mengatur jarak spasi antar kata.

Format penulisan word spacing di CSS

Untuk memberian value(nilai) bisa menggunakan length/panjang angka (px, em, in, cm)

Contoh penggunaan word spacing di CSS

text-wordspacing

Letter spacing di CSS

Litter spacing digunakan untuk mengatur jarak spasi antar huruf.

Format penulisan letter spacing di CSS

Untuk memberian value bisa menggunakan ength/panjang angka dalam px, em, in, cm.

Contoh penggunaan letter spacing di CSS

text-litterspacing

Line height di CSS

Line height digunakan untuk menetukkan tinggi baris diantara teks.

Format penulisan line height di CSS

Untuk memberian value bisa menggunakan length/panjang angka(px, em, in,cm), percentage(%)  atau keyword (normal).

Vertical align di CSS

Vertical align digunakan untuk mengatur posisi text pada element secara vertical.

Format penulisan vertical align di CSS

Value Keterangan
baseline menempatkan element sejajar dengan baseline text disekitarnya
sub menempatkan element seperti subscript
super menempatkan element seperti superscript
top menempatkan element pada bagian top element
text-top menempatkan element pada bagian top text disekitarnya
bottom menempatkan element pada bagian bottom element
text-bottom menempatkan element pada bagian bottom text disekitarnya
percentage menempatkan element berdasarkan persen dari text disekitarnya

LEAVE A REPLY

Please enter your comment!
Please enter your name here