Dalam dunia nyata disain web, saat menyajikan informasi text, kita ingin menampilkan berbagai cara agar menarik perhatian pengunjung, mengarahkan pengunjung website untuk mengikuti penyajian informasi yang kita berikan atau untuk memberikan kenyamanan pengunjung dalam membaca setiap informasi yang kita suguhkan. Memenuhi kebutuhan di atas, kita harus bisa melakukan text manipulation atau manipulasi teks untuk dapat memenuhi apa yang kita butuhkan.
Dalam CSS kita dapat melakukan manipulasi teks (text-manipulation) dengan
- letter-spacing
Property leter-spacing digunakan untuk memberikan jarak antar huruf dalam kata-kata. - word-spacing
Property word-spacing digunakan untuk memberikan jarak antar kata-kata dalam kalimat. - text-indent
Property text-indent biasa dipakai dalam paragraph untuk memberikan efek indent atau menjorok. - text-align
Property text-align dipakai untuk membuat rata kiri (left), rata tengah (center), rata kanan (right), atau rata kanan dan kiri (justify) - text-decoration
Property text-decoration dipakai untuk memberikan efek garis bawah (underline), garis atas (overline), garis tengah melintasi (line-through), kedap-kedip (blink), atau tanpa efek (none) - text-transform
Property text-transform akan memformat text menjadi semua huruf pertama setaipa kata dalam kalimat menjadi huruf besar (captalize), semua huruf dalam kalimat menjadi huruf besar (uppercase) , semua huruf dalam kalimat menjadi huruf kecil (lowercase) - white-space
Propety white-space biasa digunakan untuk menampilkan source code /kode program. Biasanya dilakukan dengan memberikan nilai /value pre.
Dengan menguasai manipulasi text ini, maka programming akan mudak dilakukan. Programmer akan mengeluarkan text asli, kemudian css akan memformat sesuai kebutuhannya. Jika ada perubahan disain, maka code server side programming misalnya PHP tidak perlu diubah, hanya CSSnya saja yang diubah. Dengan cara ini maka disain web kita akan feksible menyesuaikan perbaikan/revisi disain yang mungkin akan terjadi.
Kunjungi www.proweb.co.id untuk menambah wawasan anda.