TUTORIAL CSS PART 10 : TEXT FORMATTING PART 2 - Bewok Tekno

STAY HUNGRY STAY FOOLISH

Breaking

Home Top Ad

Responsive Ads Here

Monday, May 30, 2016

TUTORIAL CSS PART 10 : TEXT FORMATTING PART 2


bewoksatukosong.com | Halo balik lagi denga om bewok, kesempatan kali ini om bakal lanjutin bagian Part 2 Mengenai Text-Formating.

Sebenernya hanya tinggal beberapa lagi sih, semoga teman - teman bisa mengerti yang ditulis om bewok ini.

1. TEXT-TRANSFORMATION

Ini yang paling sering digunakan oleh para web designer, karena mungkin sebagian orang suka menulis tanpa menggunakan huruf kapital pada kalimat pertama atau mungkin jika ditengah - tengah kalimat kamu menggunakan huruf kapital padahal seharusnya tidak nah menggunakan text-transformation ini bisa semua tulisan menjadi huruf kecil. Lets check it out

Ada 3 bagian yang diberikan pada Text-Transformation yaitu :
1. Uppercase(semua huruf besar),
2. Lowercase(semua tulisan kecil) dan capitalize(tiap kalimat huruf besar). Tidak usah berlama - lama lagi ayo kita mulai.
3. Capitalize

1.1 Lowercase

Lowercase ini membuat tulisan kamu menjadi huruf kecil, nah langsung om bewok kasih contoh ya.

1.2. Uppercase

Tidak hanya bisa mengecilkan saja melainkan menggunakan text-transformation ini bisa juga membuat huruf menjadi besar juga. dengan menggunakan uppercase maka semua huruf menjadi kapital. langsung saja ke contohnya


1.3. Capitalize

Terakhir, kamu bisa menggunakan ini jika tiap kalimat menggunakan huruf kapital, biar ga bingung langsung saja kasih contohnya ya


2. TEXT-INDENTATION

Apa itu text indent ? text indent di buat untuk membuat paragraf, contoh nya kalai di word, ketika kita ingin membuat paragraf baru kita menggunakan tab agar paragraf pertama menjorok ke dalam sekitar beberapa cm, dalam membuat website juga bisa loh, nah dengan menggunakan text-indent. yuk langsung aja kita coba



kita lihat dibagian result, pada bagian tersebut. paragraf awal menjorok kedalam 50px, semakin angkanya besar semakin mendalam. kamu bisa ber-eksperimen masing - masing, karena disini om bewok hanya membantu kamu lebih mengerti mengenai css. Kembali lagi ke diri kamu masing - masing jika kamu ingin menjadi lebih bisa dan profesional. Semangat

3. LETTER-SPACING

apa itu letter spacing ? om bewok tidak menjelaskan secara baku tapi inti nya memberikan jarak huruf pada kalimat.
jadi contohnya seperti ini


4. LINE-HEIGHT

Line-Height ini adalah mengatur tinggi antar kalimat, tanpa perlu basa-basi lagi. langsung kita coba

Yap kamu bisa liat diresult, semakin angkanya besar, kamu jarak dari kalimat pertama dan kedua semakin jauh

Yap Yap itu saja yang bisa om share mengenai Text Formatting Part 2. Om ingetin sekali lagi, kalian harus sering bereksperimen mengenai bahasa apapun, semakin kamu sering mencoba maka kamu akan menemukan case case yang dapat kamu perbaiki, sehingga menjadi pelajaran buat kamu. 

Itu saja tutorial dari om bewok. jangan lupa share like dan comment. Terima Kasih

Selanjutnya kita akan mempelejari mengenai Tutorial CSS Mengenai Font, sudah pasti kamu harus memplejarinya mengenai font.

No comments:

Post a Comment