Belajar CSS Part 5 Mengenal Text Pada CSS
Assalamualaikum Wr. Wb.
PENGERTIAN
Text di dalam CSS dapat diartikan sebagai sebuah properti yang berfungsi untuk mengatur format teks pada sebuah web. Format teks terdiri dari:
- Color : digunakan untuk mengatur warna pada teks.
- Text Alignment : berfungsi untuk mengatur posisi dari text tersebut, contohnya seperti center (rata tengah), left (rata kiri), right (rata kanan), justified (rata kanan kiri).
- Text Decoration : berfungsi untuk mengatur dekorasi pada teks, contohnya seperti underline (garis bawah), line-through (garis tengah), dll.
- Text Transformation : berfungsi untuk mengatur text menjadi huruf kapital semua ( uppercase), huruf kecil semua (lowercase), dan juga huruf kapital (capitalize).
- Text Indentation : berfungsi untuk membuat paragraph.
- Letter Spacing : berfungsi untuk mengatur jarak antar kata.
- Line Height : berfungsi untuk mengatur jarak dengan text di atasnya.
- Word Spacing : berfungsi untuk mengatur jarak antar huruf.
LATAR BELAKANG
Memudahkan dalam mengatur format teks di dalam membuat sebuah website dengan CSS.
MAKSUD & TUJUAN
Memudahkan mengatur format teks.
Memudahkan dalam penulisan kata di dalam sebuah web.
ALAT & BAHAN
- Text Editor
- Browser
LANGKAH KERJA
Disini saya akan menjelaskan penggunaan dari macam-macam format teks tersebut.
Untuk lebih jelasnya lihatlah gambar berikut.
- Color, berikut contoh penulisan dari color. "class/id {color : red, #f9f9f9, rgb (0,0,255). Maksudnya tentukan class/ id yang di tuju kemudian masukkan properti color di dalam CSS dan isi color bisa menggunakan nama warna, hexa, dan rgb.
- Text Alignment, penulisannya menggunakan properti "text-align:center,right,left".
- Text Decoration, penulisaanya menggunakan properti "text-decoration:none, overline,underline,line-through"
- Text Tranformation, penulisannya menggunakan properti "text-transform:uppercase, lowercase, capitalize"
- Text Indentation, penulisannya menggunakan properti "text-indent:satuan(px,cm)".
- Letter Spacing, penulisannya menggunakan properti "letter-spacing:satuan(px,cm)".
- Line Height, penulisannya menggunakan properti "line-height:satuan (px,cm)".
- Word Spacing, penulisannya menggunakan properti "word-spacing:satuan(px,cm)".
Untuk lebih jelasnya lihatlah gambar berikut.
Gambar di atas merupakan contoh penggunaan dari format teks di dalam CSS. Lihat dan perhatikan dengan jelas gambar tersebut.
Setelah itu coba lihat hasilnya, apa perbedaannya jika masih bingung coba di praktekkan, dengan begini anda akan merasa lebih memahami.
No comments:
Post a Comment