Apa Itu Hanging Punctuation?

Gampangnya, hanging punctuation adalah teknik tipografi di mana tanda baca (seperti tanda kutip, titik, koma, atau tanda hubung) didorong sedikit keluar dari garis margin utama kolom teks.

Langkah Merancang Hanging Punctuation Biar Rapi Sempurna

1. Pahami Tanda Baca Mana Saja yang Harus “Digantung” Nggak semua elemen teks harus digantungin ya, guys! Fokus utama kamu cuma di beberapa tanda baca ini:

• Tanda Kutip (” “) & Petik Single (‘ ‘): Ini musuh utama tepi kolom lurus.

• Tanda Kurung ( ): Sering bikin margin kiri/kanan kelihatan melengkung ke dalam.

• Tanda Hubung (-) & Dash (—): Terutama yang ada di ujung kanan baris (hyphenation).

• Titik & Koma: Terutama kalau muncul di awal atau ujung baris yang menempel pada kalimat.

2. Aktifkan Fitur Otomatis di Software Design Nggak perlu nggeser tanda baca satu-per-satu secara manual (bisa gila kaleng-kaleng!). Software modern udah punya fitur ini:

• Adobe InDesign (Paling Mantap): Buka panel Story (Window > Type & Tables > Story), terus centang opsi Optical Margin Alignment. Sesuaikan ukuran font-nya!

• Adobe Illustrator: Buka panel Paragraph, klik menu Flyout (titik tiga di pojok), lalu centang Roman Hanging Punctuation.

• CSS untuk Web Designer: Kalau kamu coding web, tinggal tambahkan properti ini di CSS:

  CSS

  p {
    text-box-trim: both;
    hanging-punctuation: first last;
  }
  

3. Atur Kadar Optical Alignment secara Proporsional Tanda baca nggak boleh keluar 100% dari kolom sampai melayang kejauhan. Aturan mainnya:

• Tanda Kutip: Keluar sekitar 50% – 100% dari lebar karakter tanda kutip tersebut.

• Titik & Koma: Cukup keluar 30% – 50% saja biar tetep kelihatan “mengunci” baris.

Penulis kiki dari smkn 9 bungo