Mengatur Jarak Spasi Antar Text Dengan CSS

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.
Tinggalkan Komentar