Mengatur Jarak Spasi Antar Text Dengan CSS

Cara Mengatur Jarak Spasi Antar Tek Menggunakan Css

Belajar CSS Malam sobat, kali ini saya mau belajar CSS apakah kalian juga mau ikut :3 mari kita belajar dasar css. Pada postinga kali ini saya mau belajar css Mengatur Jarak Spasi Antara Kata / Text menggunakan css.




Magsud dari mengatur jarak spasi antar text itu apa?


Disini kita akan membuat renggang sebuah tulisan, kata / kalimat mengunakan css.


Untuk mengatur jarak antara spasi atau kata dari text disini saya cuma neggunakan :

• 
  letter-spacing
  
  
  Fungsinya untuk mengatur jarak antar huruf supaya menjadi lebih renggang.
  

• 
  word-spacing
  
  
  Nah Kalau Ini Fungsinya untuk mengatur jarak antar kata supaya menjadi lebih renggang.
  

#Contohnya


Ingin merenggangkan tulisan antar huruf (letter-spacing)

seperti ini atau


Ingin merenggangkan jarak antar kata (word-spacing)


contoh nya seperti ini, atau



Ingin menggabungkan keduanya. (word-spacing and letter-spacing)


Jadinya Seperti Ini,






Nah sekarang bagai mana cara penerapan (word-spacing and letter-spacing) pada HTML / template blog?




Untuk cara penerapannya, kalian cukup memasukan kode css seperti berikut

/* Mengatur Jarak Text Antar Kata --*/
id atau class {
                word-spacing: 30px;
}

/* Mengatur Jarak Text Antar huruf --*/
id atau class {
                letter-spacing:30px;
}


------------CONTOH------------

/* Mengatur Jarak Text Antar Kata --*/
p { 
    word-spacing: 30px;
}
h1 {
    word-spacing: 30px;

}

/* Mengatur Jarak Text Antar huruf --*/
p{
    letter-spacing:30px;

}
h1 {
    letter-spacing: 30px;

}

p dan h1 adalah id dari css atau class dari sebuah css yang nantinya akan di panggil oleh HTML. Jadi silahkan ganti p dan h1 dengan id css kalian masing-masing

Cukup sekian dan terimakasih, semoga artikel tentang Cara Mengatur Jarak Spasi Antar Text Dengan CSSini bermanfaat.