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...
![](http://img2.blogblog.com/img/icon18_edit_allbkg.gif)
https://tutorialcarapintar.blogspot.com/2019/02/mengatur-jarak-spasi-antar-text-dengan.html?hl=in
![Mengatur Jarak Spasi Antar Text Dengan CSS Mengatur Jarak Spasi Antar Text Dengan CSS](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl0IA1vGhu9Wc772nG0klotJNBzsmxX2L6JwSfghW9CrbbxQgEhvxpdjTzKFBik6NjYiLyLdw_jBazl-jpJiC59eedwdVwEHQcGeK_Q2ARgL4_pe22UkHj5qlHk_19fChe5dq68uRDxF0N/s600/mengatur-jarak-text-css.jpg)
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.
Ingin merenggangkan goresan pena antar aksara (letter-spacing)
Ingin merenggangkan jarak antar kata (word-spacing)
Ingin menggabungkan keduanya. (word-spacing and letter-spacing)
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; }