Mengatur Jarak Spasi Antar Text Dengan Css

Cara Mengatur Jarak Spasi Antar Tek Menggunakan Css Belajar CSS Malam sobat, kali ini aku mau berguru CSS apakah kalian juga mau iku...

A+ A-
Mengatur Jarak Spasi Antar Text Dengan CSS

Cara Mengatur Jarak Spasi Antar Tek Menggunakan Css


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

Magsud dari mengatur jarak spasi antar text itu apa?
Disini kita akan menciptakan renggang sebuah tulisan, kata / kalimat mengunakan css.
Untuk mengatur jarak antara spasi atau kata dari text disini aku cuma neggunakan :
  • letter-spacing
    Fungsinya untuk mengatur jarak antar aksara supaya menjadi lebih renggang.
  • word-spacing
    Nah Kalau Ini Fungsinya untuk mengatur jarak antar kata supaya menjadi lebih renggang.
#Contohnya
Ingin merenggangkan goresan pena antar aksara (letter-spacing)
seperti ini atau
Ingin merenggangkan jarak antar kata (word-spacing)
contoh nya ibarat ini, atau
Ingin menggabungkan keduanya. (word-spacing and letter-spacing)
Jadinya Seperti Ini,


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

Untuk cara penerapannya, kalian cukup memasukan arahan css ibarat berikut
 /* Mengatur Jarak Text Antar Kata --*/ id atau class {                 word-spacing: 30px; }  /* Mengatur Jarak Text Antar aksara --*/ id atau class {                 letter-spacing:30px; }   ------------CONTOH------------  /* Mengatur Jarak Text Antar Kata --*/ p {      word-spacing: 30px; } h1 {     word-spacing: 30px;  }  /* Mengatur Jarak Text Antar aksara --*/ p{     letter-spacing:30px;  } h1 {     letter-spacing: 30px;  } 
p dan h1 ialah id dari css atau class dari sebuah css yang nantinya akan di panggil oleh HTML. Kaprikornus silahkan ganti p dan h1 dengan id css kalian masing-masing
Cukup sekian dan terimakasih, agar artikel wacana Cara Mengatur Jarak Spasi Antar Text Dengan CSSini bermanfaat.

Related

Css 4148238069180320511

Technology

Hot in week

Recent

Comments

item