28/02/2016

Properti CSS Word Spacing (Jarak Per-Kata)

28/02/2016

Properti CSS Word Spacing berfungsi untuk menentukan jarak dengan memberikan ruang spasi antar satu kata dengan kata yang lain agar tampak lebih renggang atau lebih rapat. Perbedaannya dengan Properti CSS Letter Spacing adalah CSS Word Spacing mengatur jarak per-kata, sementara CSS Letter Spacing mengatur jarak antar huruf yang ada di dalam teks.
Nilai/value CSS Word Spacing
  1. normal
    • Ruang spasi per-kata dalam kondisi normal seperti yang didefinisikan browser
  2. lenght
    • Dengan menentukan nilai pada tipe ukuran lenght, kita dapat menentukan jarak yang lebih lebar atau justru lebih sempit (dengan nilai negatif) pada ruang spasi antar kata dengan kata yang lain
  3. inherit
    • Nilai inherit mengambil nilai yang sama dengan induk elemen
Sintaks CSS

Sintaks

#uup {word-spacing: nilai/value}
Tag HTML yang Mendukung CSS Word Spacing
  • html
  • body
  • H1
  • H2
  • H3
  • H4
  • H5
  • H6
  • a
  • abbr
  • acronym
  • address
  • b
  • baseFont
  • bdo
  • big
  • blink
  • button
  • caption
  • center
  • cite
  • code
  • col
  • colGroup
  • dd
  • del
  • dfn
  • dir
  • div
  • dl
  • dt
  • em
  • fieldSet
  • font
  • form
  • p
  • i
  • u
  • span
  • blockQuote
  • input:button
  • input:file
  • input:password
  • input:reset
  • input:search
  • input:submit
  • input:text
  • ins
  • isIndex
  • kbd
  • label
  • legend
  • listing
  • marquee
  • menu
  • nobr
  • ol
  • ul
  • li
  • optGroup
  • option
  • plainText
  • pre
  • q
  • rt
  • ruby
  • s
  • xmp
  • samp
  • select
  • small
  • strike
  • strong
  • sub
  • sup
  • table
  • tBody
  • textArea
  • tFoot
  • th
  • tHead
  • td
  • tr
  • tt
  • var
Contoh Penerapan Sintaks CSS
Untuk mempermudah pemahaman kita, berikut ini saya sertakan contoh penggunaan sintak CSS Word Spacing
Kembali ke CSS Font dan Teks