22/08/2017
MUHAMMAD FAISAL ~ MENGATUR FORMAT TEXT DENGAN CSS
Pada tutor kali ini akan dijelaskan bagaimana cara mengatur format text dengan tujuan agar text dapat kita atur sesuai dengan keinginan kita dan kebutuhan kita. Contohnya untuk mengatur text menjadi justify atau kita kenal dengan sebutan rata kiri rata kanan, mengatur jarak indent text, mengatur huruf menjadi uppercase atau huruf besar, huruf kecil, warna text dan juga mengatur dekorasi atau design pada text. Silahkan simak penjelasanya berikut untuk mengatur format text
Adapun syntax yang digunakan untuk mengatur format text diantaranya :
color : Berfungsi untuk mengatur warna text value dapat diisi dengan nama warna atau kode warna
text-align : Digunakan untuk mengatur align atau rata text, value yang bisa diisi diantaranya adalah left untuk mengatur text rata kiri, right untuk mengatur text rata kanan, center untuk mengatur text rata tengah, justify untuk mengatur text rata kanan dan rata kiri
text-decoration : Digunakan untuk mengatur dekorasi text, value yang bisa diisi diantaranya adalah none agar text tidak memiliki dekorasi, overline untuk memberikan garis diatas text, line-trough untuk membuat garis yang mencoreng pada text, dan underline untuk membuat garis bawah pada text
text-transform : Digunakan untuk mengatur huruf kapital pada text, valuenya diantara lain uppercase untuk membuat text menjadi huruf besar, lowercase untuk membuat text menjadi huruf kecil, dan capitalize untuk membuat semua huruf awal pada tiap kata menjadi huruf besar
text-indent : Untuk mengatur jarak alinea pada text, valuenya dapat diisi dengan nilai pixel atau yang lain sesuai kebutuhan
text-spacing : Untuk mengatur jarak antar karakter pada text, valuenya dapat diisi nilai pixel
word-spacing : Untuk mengatur jarak antar kata pada text, valuenya dapat diisi dengan nilai pixel
line-height : Untuk mengatur ajrak antar baris pada text valuenya dapat diisi dengan nilai pixel
text-shadow : Digunakan untuk mengatur efek bayangan pada text, value pertama diisi dengan jarak pixel kiri kanan, kedua jarak pixel atas bawah, ketiga mengatur ketebalan bayangan dan keempat mengisi warna. Untuk contoh penulisanya 2px 3px 2px black
vertical-align : Digunakan untuk mengatur align dalam bentuk vertikal pada text, value yang digunakan adalah left untuk mengatur text rata kiri, right mengatur text rata kanan, center mengatur text rata tengah
CONTOH CARA MENGATUR FORMAT TEXT CSS
Akan saya contohkan bagaimana cara mengatur format text dengan CSS. Ketik script dibawah usahak jangan Copas agar sobat bisa paham dengan kode syntaxnya.
REFENFI : WWW.W3IM.COM
Pada tutor kali ini akan dijelaskan bagaimana cara mengatur format text dengan tujuan agar text dapat kita atur sesuai dengan keinginan kita dan kebutuhan kita. Contohnya untuk mengatur text menjadi justify atau kita kenal dengan sebutan rata kiri rata kanan, mengatur jarak indent text, mengatur huruf menjadi uppercase atau huruf besar, huruf kecil, warna text dan juga mengatur dekorasi atau design pada text. Silahkan simak penjelasanya berikut untuk mengatur format text
Adapun syntax yang digunakan untuk mengatur format text diantaranya :
color : Berfungsi untuk mengatur warna text value dapat diisi dengan nama warna atau kode warna
text-align : Digunakan untuk mengatur align atau rata text, value yang bisa diisi diantaranya adalah left untuk mengatur text rata kiri, right untuk mengatur text rata kanan, center untuk mengatur text rata tengah, justify untuk mengatur text rata kanan dan rata kiri
text-decoration : Digunakan untuk mengatur dekorasi text, value yang bisa diisi diantaranya adalah none agar text tidak memiliki dekorasi, overline untuk memberikan garis diatas text, line-trough untuk membuat garis yang mencoreng pada text, dan underline untuk membuat garis bawah pada text
text-transform : Digunakan untuk mengatur huruf kapital pada text, valuenya diantara lain uppercase untuk membuat text menjadi huruf besar, lowercase untuk membuat text menjadi huruf kecil, dan capitalize untuk membuat semua huruf awal pada tiap kata menjadi huruf besar
text-indent : Untuk mengatur jarak alinea pada text, valuenya dapat diisi dengan nilai pixel atau yang lain sesuai kebutuhan
text-spacing : Untuk mengatur jarak antar karakter pada text, valuenya dapat diisi nilai pixel
word-spacing : Untuk mengatur jarak antar kata pada text, valuenya dapat diisi dengan nilai pixel
line-height : Untuk mengatur ajrak antar baris pada text valuenya dapat diisi dengan nilai pixel
text-shadow : Digunakan untuk mengatur efek bayangan pada text, value pertama diisi dengan jarak pixel kiri kanan, kedua jarak pixel atas bawah, ketiga mengatur ketebalan bayangan dan keempat mengisi warna. Untuk contoh penulisanya 2px 3px 2px black
vertical-align : Digunakan untuk mengatur align dalam bentuk vertikal pada text, value yang digunakan adalah left untuk mengatur text rata kiri, right mengatur text rata kanan, center mengatur text rata tengah
CONTOH CARA MENGATUR FORMAT TEXT CSS
Akan saya contohkan bagaimana cara mengatur format text dengan CSS. Ketik script dibawah usahak jangan Copas agar sobat bisa paham dengan kode syntaxnya.
KESIMPULAN
Untuk mengatur sebuah format text saya rasa tidak terlalu susah tetapi membutuhkan kreatifitas dan pemahaman. Dapat kita lihat pada script diatas fungsi dari tiap kode syntax dan valuenya. Jika ada kesulitan silahkan berikan komentar, Sekian Terima Kasih
REFENFI : WWW.W3IM.COM
Tidak ada komentar:
Write komentar