Property hyphens mengontrol tanda hubung teks.

Tanda hubung memungkinkan pemisahan kata yang terkontrol menjadi 2 baris untuk meningkatkan tata letak teks ketika membungkus baris, biasanya kata-kata pemisahan pada batas suku kata atau morfemik dan secara visual menunjukkan pemisahan (biasanya dengan memasukkan tanda hubung, U + 2010). Dalam beberapa kasus, tanda hubung juga dapat mengubah ejaan kata.

Dengan menggunakan properti tanda hubung, Anda dapat mencegah terjadinya tanda hubung sama sekali, mengizinkannya, atau hanya mengizinkannya saat karakter tertentu ada.

Satu hal penting yang perlu diingat adalah bahwa tanda hubung akan bekerja hanya ketika atribut lang jika didefinisikan di mana Anda ingin tanda hubung itu diterapkan, karena tanda hubung adalah khusus bahasa, dan setiap bahasa memiliki aturan sendiri untuk tanda hubung yang menentukan titik tanda hubung yang tepat dalam kata-kata. Jadi, Anda harus menentukan bahasa menggunakan atribut lang HTML untuk menjamin bahwa tanda hubung otomatis diterapkan dalam bahasa pilihan Anda (jika kamus tanda hubung yang sesuai untuk bahasa itu tersedia). Pada XML, atribut xml: lang harus digunakan.

Gunakan solusi paling sederhana dan nyatakan di tag html, seperti:

 

Trivia & Catatan

Atribut lang ini tidak berfungsi pada <p> —tidak ada browser yang mengambil bahasa. Ini berfungsi dengan baik pada div, meskipun. Jadi, jika bagian halaman tertentu dalam bahasa yang berbeda, tambahkan atribut lang ke sesuatu di atas p dan uji hyphenation dengan benar.

CSS Text Level 3 tidak menetapkan aturan pasti untuk tanda hubung, sehingga tanda hubung teks yang sama dapat bervariasi dari peramban ke peramban.

Official Syntax

Values

  • none: Kata-kata tidak rusak dan / atau ditulis dgn tanda penghubung di baris istirahat, bahkan jika karakter di dalam kata-kata menunjukkan di mana tanda hubung bisa atau harus pergi. Kata-kata yang dipatahkan dengan mengatur properti word-break atau word-wrap juga tidak akan ditulis dgn tanda penghubung. Baris hanya akan dibungkus dengan spasi putih, kecuali ditentukan sebaliknya oleh properti word-break atau word-wrap. Lihat istirahat kata atau bungkus kata untuk lebih lanjut.
  • auto: Kata-kata dapat dipecah pada titik-titik tanda hubung yang tepat baik yang ditentukan oleh karakter tanda hubung di dalam kata atau sebagaimana ditentukan secara otomatis oleh sumber daya tanda hubung yang sesuai dengan bahasa. Karakter hyphenation yang didefinisikan secara manual di dalam sebuah kata (lihat di bawah), jika ada, lebih diprioritaskan daripada secara otomatis menentukan peluang hyphenation dalam kata tersebut.
  • manual:Kata-kata dipecah untuk pembungkus baris hanya di mana karakter di dalam kata menyarankan peluang istirahat baris. Ada dua karakter Unicode yang dapat digunakan untuk secara manual menentukan titik-titik break line potensial dalam teks:

    U + 2010 (HYPHEN)

    Karakter “keras” tanda hubung menunjukkan peluang jeda baris yang terlihat. Bahkan jika garis tidak benar-benar rusak pada saat itu, tanda hubung masih diberikan.
    U + 00AD (SHY)

    Tanda hubung “lunak”. Karakter ini tidak terlihat secara jelas; alih-alih, ini menyarankan tempat di mana browser mungkin memilih untuk memecahkan kata jika perlu. Dalam HTML, Anda dapat menggunakan untuk memasukkan tanda hubung lunak.

Catatan

Menggunakan jeda baris potensial yang eksplisit akan memungkinkan browser untuk memecahkan kata-kata di mana jeda ini didefinisikan bahkan jika tidak ada tanda hubung yang ditentukan dengan CSS.

WhatsApp chat