CSS word-spacing Property - Mengatur spasi/jarak kata

Jika untuk mengatur jarak/spasi antar karakter dal;am kata/teks/kalimat digunakan css letter-spacing property, maka untuk pengaturan jarak/spasi antar kata/teks dalam kalimat digunakan CSS word-spacing property. Word spacing property dapat bernilai positif atau negatif. Negatif untuk memperpendek jarak setiap kata, dimana semakin besar nilainya semakin rapat, sedang untuk memperlebar jarak setiap kata menggunakan nilai positif (semakin besar semakin lebar jarak tiap kata).

Fungsi dan Kegunaan CSS word-spacing-property

CSS word-spacing property berfungsi untuk mengatur spasi antar kata/teks.
  • Value » normal | <length>
  • Initial » normal
  • Applies to » all elements
  • Inherited » yes
  • Percentage values » N/A

CSS word-spacing declaration

word-spacing: value;

word-spacing: normal;

word-spacing: inherit;

word-spacing: ..px;

word-spacing: ..em;

Menggunakan dalam elemen/syntax CSS

<style type="text/css">
p.ws-6{
      word-spacing: 6px;
}
</style>

<p class="ws-6">
   Text here!
</p>
<style type="text/css">
h2{
      font:bold 2em Arial;      
      word-spacing: 6px;
}
</style>

<h2> Text here! </h2>
Di bawah ini telah disertakan penggunaan word-spacing pada beberapa elemen berbeda. Edit untuk mendapatkan berbagao efek word-spacing pada berbagai elemen lainnya.
Please click the button to display. Continue with editing code and click to see the results!

1 komentar:

My ProfileC l o s e

FollowerC l o s e