About

Saturday, March 11, 2017

Belajar CSS Part 5 Mengenal Text Pada CSS

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.

  • 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.



Mungkin itu saja dari saya
Syukron

Wassalamualaikum Wr. Wb.

Referensi

Faiz Ahmad

About Faiz Ahmad

Faiz Ahmad. Salatiga, 28 Juni 2000. Saya hanya seorang Hamba Allah yang masih banyak kekurangan, maka dari itu saya ingin menutupi kekurangan saya dengan melakukan hal yang bermanfaat kepada orang lain. Seperti filosofi tanah “Bermanfaat untuk orang sebanyak mungkin, namun dikenal oleh orang sesedikit mungkin”. Pernahkah kita mengingat jasa tanah? Sedetik saja dalam sehari? Saya rasa hanya sedikit sekali yang mengingatnya, berbeda dengan matahari yang jasanya selalu kita ingat. Padahal kita semua tentu tahu bagaimana jadinya dunia ini jika tidak ada tanah.

Subscribe to this Blog via Email :