Ahmad Faizin

"Sebarkan ilmu walau hanya satu ayat ^^"

Random Posts

Banner

Breaking

BitMiner - free and simple next generation Bitcoin mining software

Saturday, 11 March 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

No comments:

Post a Comment

Adbox