Css text styling..

CSS Text Styling

color

Memberi warna pada tulisan

<html> <head> <title>Mengatur Teks Pada CSS</title> <style type="text/css"> p { color: red; } </style> </head> <body> <p>Mengubah warna text pada css</p> </body> </html>

text-align

mengatur format paragraf/teks

<!DOCTYPE html> <html> <head> <title>Mengatur Teks Pada CSS</title> <style type="text/css"> .rata-kiri { text-align: left; } .rata-kanan { text-align: right; } .rata-tengah { text-align: center; } .sama-rata { text-align: justify; } </style> </head> <body> <strong>Rata Kiri</strong> <p class="rata-kiri">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <strong>Rata Kanan</strong> <p class="rata-kanan">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <strong>Rata Tengah</strong> <p class="rata-tengah">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <strong>Sama Rata</strong> <p class="sama-rata">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </body> </html>

text-indent

memberi indentasi pada paragraf/teks

<style type="text/css"> p { text-indent: 40px; } </style>

text-decoration

Untuk dapat mengatur dekorasi pada teks yaitu dengan menggunakan text-decoration, dekorasi pada teks maksudnya seperti menambahkan garis bawah, efek coret pada teks atau efek blink.

<!DOCTYPE html> <html> <head> <title>Mengatur Teks Pada CSS</title> <style type="text/css"> .garis-bawah { text-decoration: underline; } .coret { text-decoration: line-through; } .garis-atas { text-decoration: overline; } .blink { text-decoration: blink; } </style> </head> <body> <strong>Garis Bawah</strong> <p class="garis-bawah">Lorem ipsum dolor sit amet</p> <strong>Efek Coret</strong> <p class="coret">Lorem ipsum dolor sit amet</p> <strong>Garis Atas</strong> <p class="garis-atas">Lorem ipsum dolor sit amet</p> <strong>Efek Blink</strong> <p class="blink">Lorem ipsum dolor sit amet</p> </body> </html>

text-transform

mengubah jenis huruf menjadi huruf besar, kecil/kapital

letter-spacing

mengatur spasi antar huruf

<style type="text/css"> p { letter-spacing: 10px; } </style>

word-spacing

mengatur spasi antar kata

Komentar

Posting Komentar

Jika ingin mengkritik :
"Dimohon untuk menggunakan bahasa yang sopan santun."

Postingan populer dari blog ini

Jenis dan Macam Konektor Pada Jaringan Komputer

Gambar
Jenis dan Macam Konektor Pada Jaringan Komputer Konektor dalah perangkat keras yang menghubungkan kabel dengan port pada suatu jaringan. Sebagaimana yang kalian ketahui pada jaringan komputer berbasis kabel (wired) diperlukan sebuah kabel dan juga konektornya untuk menghubungkan port dan kabel itu sendiri. Dan berikut saya jelaskan mengenai jenis dan macam-macam konektor yang sering dijumpai pada jaringan komputer disekitar kita. 1.  Konektor RJ11 dan RJ45 Kedua jenis konektor ini digunakan sebagai penghubung pada jaringan komputer dengan menggunakan kabel jenis Twisted Pair baik itu UTP maupun STP. (Read More:  Pengertian Kabel Twisted Pair ) Umumnya kita hanya memenui konektor RJ45 yang digunakan pada jaringan komputer, dimana konektor tersebut dihubungkan melalui port RJ45 pada komputer. 2.  Konektor BNC (Bayonet Neil Concelman)   Konektor BNC biasanya dipadukan dengan kabel coaxial, baik itu thick coaxial ataupun thin coaxial. (Read More...
Baca selengkapnya

Susunan Kabel Straight dan Crossover (Kabel UTP) yang Benar dan Sesuai Standar

Gambar
Susunan Kabel Straight dan Crossover (Kabel UTP) yang Benar dan Sesuai Standar Dalam membangun suatu   jaringan komputer , Anda akan mengenal istilah kabel UTP. Lalu, apakah kabel UTP itu? UTP atau   Unshielded Twisted Pair   merupakan jenis kabel data yang sering digunakan untuk menghubungkan antara perangkat yang sama atau perangkat yang berbeda, seperti komputer dengan komputer, komputer dengan perangkat lainnya (router, switch, printer, server, access point dan hub). Kebanyakan orang menggunakan kabel UTP hanya untuk sebatas membangun jaringan LAN ( Local Area Network ). Harganya yang relatif murah dan mudah diperoleh menjadikan kabel UTP ini sering digunakan. Namun, sesuai dengan namanya kabel UTP tidak dilengkapi dengan pelindung ( Unshielded ) sehingga kabel tersebut tidak tahan dengan adanya interferensi elektromagnetik.  Kabel UTP terdiri dari kabel yang disusun secara berlilitan didalamnya. Pada dasarnya, kabel yang akan disusun berjumlah 8 dengan su...
Baca selengkapnya

Aturan Penulisan di Java: Variabel, Konstanta, Method dan Class

Mungkin banyak dari anda sudah tahu bahwa: bahasa pemrograman Java bersifat  case sensitive yang berarti bahwa  namavariabel  tidak sama dengan  NamaVariabel . Namun tahukah anda bahwa ada beberapa aturan dalam pemberian nama variabel, konstanta, method, dan class? Jika belum maka artikel ini sangatlah tepat untuk anda. Disini saya ingin anda supaya membiasakan untuk menerapkan konsep dan aturan pemberian nama, hal ini akan berguna saat anda mengerjakan program besar. Meskipun ada beberapa poin yang tidak wajib dipraktikan, namun saya sarankan anda memakai konsep ini untuk memudahkan dalam memahami kode program. #1 Nama Variabel, Method, dan Class Seperti yang sudah saya singgung diawal, java bersifat case sensitive artinya huruf besar (kapital) dan huruf kecil akan berpengaruh. contoh:  nama  !=  NAMA . Untuk itu anda harus memperhatikan nama variabel, konstanta, method, ataupun class anda apakah menggunakan huruf kapital atau tidak. Lal...
Baca selengkapnya